在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>');