Pagelet

继承自 Chunk,是组件的管理器,实现组件的层次化渲染。

一个页面由多个组件和非组件的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();//附加行为,初始化组件
});