Weitere ähnliche Inhalte Ähnlich wie Kissy component system Ähnlich wie Kissy component system (20) Kürzlich hochgeladen (20) Kissy component system10. RichBase components
• Examples
– dd
• Draggable/DraggableDelegate
• Droppable/DroppableDelegate
• dd/plugin/constrain
• dd/plugin/proxy
• dd/plugin/scroll
– resizable
• Resizable
• resizable/plugin/proxy
13. Control
• A ui control
– Extend RichBase
– Control
• Life cycle
– createDom
– renderUI
– bindUI
– syncUI
• Handle dom event
• Attribute setup/logic
• xclass/xrender
• events
– afterRenderUI/show/hide
14. render
• Render a ui control (div element)
– Extend RichBase
– Template render
• contentTpl/childrenElSelectors
– Decorate render
• HTML_PARSER
15. Container/ContainerRender
• List of control (manage children)
– Render children
– Add/remove child
– Events
• beforeAddChild/beforeRemoveChild
• afterAddChild/afterRemoveChild
21. UI components
• Example:
– Button/combobox/editor/filter-
menu/menu/menubutton/separator/split-
button/tabs/tree/toolbar
– scroll-view/date-picker TODO
– Bui
• http://bui.alibaba-inc.com/start/index.php