zl程序教程

您现在的位置是:首页 >  工具

当前栏目

Extjs 继承Ext.Component自定义组件

组件继承 自定义 Component Extjs Ext
2023-09-11 14:16:57 时间
            //自定义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'}    
                }
            });