Extjs 4基本模板

Question

我想创建一个扩展Ext.Panel的自定义组件，该组件基于XTemplate，我想用Ext.Element替换模板中的某些元素，但我找不到任何关于你如何做的文档。 / p>

我的示例代码在这里，不工作......

Ext.define('Ext.ux.PivotPanel', 
{
    alias: 'widget.pivotpanel',
    extend: 'Ext.Panel',
    html: ' ',
    bodyTpl: Ext.create('Ext.XTemplate',
        '<div class="x-pgrid">',
            '<div class="x-pgrid-viewport">',
                '<div class="x-pgrid-header-angle"></div>',
                '<div class="x-pgrid-header-top"></div>',
                '<div class="x-pgrid-header-left"></div>',
                '<div class="x-pgrid-body"></div>',
            '</div>',
        '</div>'
    ),
    onRender: function()
    {
        this.callParent(arguments);

        var me = this;          

        var panelEl = me.bodyTpl.overwrite(me.body, [], true);
        var bodyEl = new Ext.Element(panelEl.query('.x-pgrid-body'));

        var div = new Ext.Element(document.createElement('div'));
        div.update('test');
        div.appendTo(bodyEl);
        me.doComponentLayout();
    }
});

我要做的是将一些内容放入x-grid-body div。