一个页面由多个组件和非组件的HTML片段组成,实际创建过程中需要一个个动态创建,
基于约定为大的原则,采用“钩子”和Mustache,自动化的完成组件渲染和行为附加。
配置
包含Chunk的所有配置
behavior
{Boolen}
是否自动添加组件行为,默认true
callback
{Function}
添加完行为后的回调方法,等同于ready方法注册的方法,默认null
方法
ready(fn)
pagelet 渲染和行为附加完成后需要执行的函数
- @param {Function} fn 执行的函数
getBrick(id)
获取brick的实例
- @param {String} id brick的id
- @return {Object} 组件实例
addBehavior()
层次化的给brick添加行为
destroy([id])
销毁pagelet,id表示要销毁的brick
- @param {String} id brick的id
事件
示例
KISSY.use("brix/pagelet", function(S, Pagelet) {
var pagelet = new Pagelet({
tmpl:'#pagelet1',
data:data
});
pagelet.ready(function(){//所有组件初始化完成
pagelet.render();//将模板渲染到页面
});
pagelet.addBehavior();//附加行为,初始化组件
});