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

时间:2011-03-15 11:23:23

标签: javascript extjs

我必须在我的模板中编辑用于Ext.Panel的数据。我怎样才能做到这一点 ?我尝试添加侦听器,但是click事件没有将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...

1 个答案:

答案 0 :(得分:2)

查看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>');