在Ext.Panel内部的Ext.XTemplate内编辑数据

Question

我必须在我的模板中编辑用于Ext.Panel的数据。 我怎样才能做到这一点 ？ 我试图添加监听器，但是click事件没有绑定点击该面板。

Ext.XTemplate：

MyApp.ext.MyExtension.prototype.mytpl = new Ext.XTemplate(
        '<tpl for=".">',
        '<table class="my">',
        '<tr><th>Item:</th><td>{itemIWantToEdit}</td></tr>',
        '</table>',
        '</tpl>'
        ).compile();

Ext.Panel：

var myPanel = new Ext.Panel({
                xtype: 'panel',
                region: 'east',
                title: 'MyPanel',
                split: true,
                width: 220,
                collapsible: true,
                layout: 'fit'
                // etc...

Answer 1

查看Ext.Panel中的tpl实现，您应该能够通过使用新的XTemplate实例覆盖tpl属性来更改现有Panel的tpl。

// Create panel
var myPanel = new Ext.Panel(...);

// Later, somewhere else, in a listener for example
myPanel.tpl = new Ext.XTemplate('<tpl for="."> ... </tpl>');