Component.UIBase
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
- afterBindUI (e) fired when component 's internal event is bind.
- afterCreateDom (e) fired when root node is created
- afterRenderUI (e) fired after root node is rendered into dom
- afterSyncUI (e) fired after component 's internal state is synchronized.
- beforeBindUI (e) fired before component 's internal event is bind.
- beforeCreateDom (e) fired before root node is created
- beforeRenderUI (e) fired when root node is ready
- beforeSyncUI (e) fired before component 's internal state is synchronized.
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 sourceFor overridden. Bind logic for subclass component.
-
create () view sourceCreate dom structure of this component.
-
createDom () view sourceFor overridden. DOM creation logic of subclass component.
-
destroy () view sourceDestroy this component.
-
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 sourcePut dom structure of this component to document and bind event.
-
renderUI () view sourceFor overridden. Render logic of subclass component.
-
syncUI () view sourceFor overridden. Sync attribute with ui. protected
Events Detail
-
afterBindUI (e) view sourcefired when component 's internal event is bind.
- Parameters
-
- e
-
afterCreateDom (e) view sourcefired when root node is created
- Parameters
-
- e
-
afterRenderUI (e) view sourcefired after root node is rendered into dom
- Parameters
-
- e
-
afterSyncUI (e) view sourcefired after component 's internal state is synchronized.
- Parameters
-
- e
-
beforeBindUI (e) view sourcefired before component 's internal event is bind.
- Parameters
-
- e
-
beforeCreateDom (e) view sourcefired before root node is created
- Parameters
-
- e
-
beforeRenderUI (e) view sourcefired when root node is ready
- Parameters
-
- e
-
beforeSyncUI (e) view sourcefired before component 's internal state is synchronized.
- Parameters
-
- e
Classes
- Anim
- Anim.Easing
- Attribute
- Base
- Button
- ComboBox
- ComboBox.LocalDataSource
- ComboBox.RemoteDataSource
- Component
- Component.Container
- Component.Controller
- Component.Manager
- Component.Render
- Component.UIBase
- Component.UIBase.Align
- Component.UIBase.Box
- Component.UIBase.Close
- Component.UIBase.Constrain
- Component.UIBase.ContentBox
- Component.UIBase.Drag
- Component.UIBase.Loading
- Component.UIBase.Mask
- Component.UIBase.Position
- Component.UIBase.Resize
- Component.UIBase.StdMod
- Cookie
- DataLazyload
- DD
- DD.Constrain
- DD.DDM
- DD.Draggable
- DD.DraggableDelegate
- DD.Droppable
- DD.DroppableDelegate
- DD.Proxy
- DD.Scroll
- DOM
- Editor
- Editor.Range
- Editor.Utils
- Editor.Walker
- Event
- Event.Object
- Event.Target
- IO
- IO.XhrObject
- KISSY
- KISSY.Defer
- KISSY.Loader
- KISSY.Loader.Module
- KISSY.Loader.Package
- KISSY.Promise
- Menu
- Menu.FilterMenu
- Menu.Item
- Menu.PopupMenu
- Menu.Separator
- MenuButton
- MenuButton.Option
- MenuButton.Select
- MVC
- MVC.Collection
- MVC.Model
- MVC.Router
- MVC.View
- NodeList
- Overlay
- Overlay.Dialog
- Overlay.Popup
- Resizable
- Tree
- Tree.CheckNode
- Tree.CheckTree
- Tree.Node
- Waterfall
- Waterfall.Loader