//自定义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'} } });