Extjs 继承Ext.Component自定义组件

            //自定义HTML组件
            Ext.define('MyCmp', {
                extend: 'Ext.Component',
                renderTpl: [
                    '<h1 class="title">{title}</h1>',
                    '<p>{desc}</p>'
                ],
                //这里可以放选择器表达式 会创建Ext.Element对象
                renderSelectors: {
                    titleEl: 'h1.title',
                    descEl: 'p'
                },
                //填充renderTpl中的占位符的数据
                renderData: {
                    title: "Error",
                    desc: "Something went wrong"
                },
                
                //填充renderTpl中的占位符的数据,这里是通过函数返回数据 更灵活一些
                initRenderData: function() {
                    return this.callParent(arguments);
                    //return {title: 'hello'}    
                }
            });

 

posted @ 2013-10-15 21:45  大新博客  阅读(738)  评论(0编辑  收藏  举报