Component.UIBase

UIBase for class-based component.

parents: Base

defined in: base.js

Class

Attributes

  • created {Boolean} Whether this component 's dom structure is created.
  • Component.UIBase. HTML_PARSER {} <static> Parse attribute from existing dom node.
  • listeners {} Config listener on created.
  • plugins {Function[]|Object[]} Plugins
  • rendered {Boolean} Whether this component is rendered.
  • xclass {String} Get xclass of current component instance.

Methods

  • bindUI () For overridden.
  • create () Create dom structure of this component.
  • createDom () For overridden.
  • destroy () Destroy this component.
  • Component.UIBase. extend (extensions, px, sx) <static> Create a new class which extends UIBase .
  • render () Put dom structure of this component to document and bind event.
  • renderUI () For overridden.
  • syncUI () For overridden.

Events


Class Detail

  • Component.UIBase ()
    UIBase for class-based component.

Attributes Detail

  • created {Boolean} Whether this component 's dom structure is created.
  • Component.UIBase. HTML_PARSER <static> Parse attribute from existing dom node.
    Example
    • Overlay.HTML_PARSER={
         // el: root element of current component.
         "isRed":function(el){
            return el.hasClass("ks-red");
         }
      };
  • listeners Config listener on created.
    Example
    • 
      {
       click:{
           scope:{x:1},
           fn:function(){
               alert(this.x);
           }
       }
      }
      or
      {
       click:function(){
               alert(this.x);
             }
      }
      
  • plugins {Function[]|Object[]} Plugins
  • rendered {Boolean} Whether this component is rendered.
  • xclass {String} Get xclass of current component instance. Readonly and only for json config.

Methods Detail

  • bindUI () view source
    For overridden. Bind logic for subclass component.
  • create () view source
    Create dom structure of this component.
  • createDom () view source
    For overridden. DOM creation logic of subclass component.
  • destroy () view source
    Destroy this component.
  • Component.UIBase. extend (extensions, px, sx) <static> view source
    Create a new class which extends UIBase .
    Parameters
    •   extensions {Function[]} Class constructors for extending.
    •   px {Object} Object to be mixed into new class 's prototype.
    •   sx {Object} Object to be mixed into new class.
    Returns
    • {UIBase} A new class which extends UIBase .
  • render () view source
    Put dom structure of this component to document and bind event.
  • renderUI () view source
    For overridden. Render logic of subclass component.
  • syncUI () view source
    For overridden. Sync attribute with ui. protected

Events Detail

  • afterBindUI (e) view source
    fired when component 's internal event is bind.
    Parameters
    •   e
  • afterCreateDom (e) view source
    fired when root node is created
    Parameters
    •   e
  • afterRenderUI (e) view source
    fired after root node is rendered into dom
    Parameters
    •   e
  • afterSyncUI (e) view source
    fired after component 's internal state is synchronized.
    Parameters
    •   e
  • beforeBindUI (e) view source
    fired before component 's internal event is bind.
    Parameters
    •   e
  • beforeCreateDom (e) view source
    fired before root node is created
    Parameters
    •   e
  • beforeRenderUI (e) view source
    fired when root node is ready
    Parameters
    •   e
  • beforeSyncUI (e) view source
    fired before component 's internal state is synchronized.
    Parameters
    •   e
blog comments powered by Disqus
Top