extjs创建html模板,创建纯HTML的自定义ExtJS的最佳方法

所以我需要创建一个ExtJS组件(版本2.3.0).该组件只是简单的

HTML(样式) – 它是一个标题.

我目前的方法是创建一个自定义组件,如下所示：

/**

* A ExtJS component for a header for the application

*/

Ext.ux.AppHeader = Ext.extend(Ext.Component, {

height: 32,

tpl: new Ext.Template ('

My App

'),

onRender: function(ct) {

this.el = this.tpl.append (ct);

Ext.ux.AppHeader.superclass.onRender.apply(this, arguments);

}

});

Ext.reg('AppHeader', Ext.ux.AppHeader);

这很好,但我不相信它是“正确”的方式.如果任何人都可以分享一种更惯用的方式,或者更好地利用ExtJS中的一些内在魔法的方式,那就太好了.

另一方面,如果这是“正确”的方式 – 让这成为人们如何做到的一个例子.

编辑

我当然是想努力解决这个问题.我现在采取的方法是：

{

html: '

My App

'

}

并定义’title-bar’CSS以使文本具有正确的样式/大小,并且ExtJS做正确的事情.