shown event addad fixes #7

src/containers/editable-container.js

@@ -54,8 +54,17 @@ Applied as jQuery method.
             .on({
                 save: $.proxy(this.save, this),
                 cancel: $.proxy(this.cancel, this),
-                show: $.proxy(this.setPosition, this),
-                rendering: $.proxy(this.setPosition, this)
+                show: $.proxy(this.setPosition, this), //re-position container every time form is shown (after loading state)
+                rendering: $.proxy(this.setPosition, this), //this allows to place container correctly when loading shown
+                rendered: $.proxy(function(){
+                    /**        
+                    Fired when container is shown and form is rendered (for select will wait for loading dropdown options)
+                    
+                    @event shown 
+                    @param {Object} event event object
+                    **/                      
+                    this.$element.triggerHandler('shown');
+                }, this) 
             });
             return this.$form;
         },        
@@ -94,7 +103,7 @@ Applied as jQuery method.
         @method hide()
         **/         
         hide: function() {
-            this.call('hide'); 
+            this.call('hide');
         },
 
         /*
@@ -110,7 +119,7 @@ Applied as jQuery method.
                 this.hide();
             }
             /**        
-            Fired when form was cancelled by user
+            Fired when form was cancelled
             
             @event cancel 
             @param {Object} event event object

src/containers/editable-inline.js

@@ -11,7 +11,7 @@
                  
         initContainer: function(){
             //no init for container
-            //only convert anim to miliseconds
+            //only convert anim to miliseconds (int)
             if(!this.options.anim) {
                 this.options.anim = 0;
             }         

src/containers/editable-popover.js

@@ -6,11 +6,6 @@
 (function ($) {
 
     //extend methods
-    /**
-    Container based on Bootstrap Popover
-
-    @class editableContainer (popover)
-    **/    
     $.extend($.fn.editableContainer.Constructor.prototype, {
         containerName: 'popover',
         innerCss: '.popover-content p',

src/containers/editable-tooltip.js

@@ -6,11 +6,6 @@
 (function ($) {
     
     //extend methods
-    /**
-    Container based on jQuery UI Tooltip
-
-    @class editableContainer (tooltip)
-    **/    
     $.extend($.fn.editableContainer.Constructor.prototype, {
         containerName: 'tooltip',
         innerCss: '.ui-tooltip-content', 

src/editable-form/editable-form.js

@@ -74,6 +74,14 @@ Editableform is linked with one of input types, e.g. 'text' or 'select'.
                     this.input.value2input(this.value);
                     this.$form.submit($.proxy(this.submit, this));
                 }
+                
+                /**        
+                Fired when form is rendered
+                @event rendered
+                @param {Object} event event object
+                **/            
+                this.$element.triggerHandler('rendered');                
+                
                 this.showForm();
             }, this));
         },

src/element/editable-element.js

@@ -290,7 +290,7 @@ Makes editable any HTML element on the page. Applied as jQuery method.
             this.setValue(params.newValue);
             
             /**        
-            Fired when new value was submitted. You can use <code>$(this).data('editable')</code> inside handler to access to editable instance
+            Fired when new value was submitted. You can use <code>$(this).data('editable')</code> to access to editable instance
             
             @event save 
             @param {Object} event event object
@@ -307,7 +307,8 @@ Makes editable any HTML element on the page. Applied as jQuery method.
                     alert('error!'); 
                 } 
             });
-            **/              
+            **/
+            //event itself is triggered by editableContainer. Description here is only for documentation              
         },
 
         validate: function () {