如何直接在ExtJS 6/7的面板上使用Ext.XTemplate

lpwwtiir  于 2022-11-04  发布在  其他
关注(0)|答案(1)|浏览(173)

这不会显示面板主体内的任何内容:

{                     
    xtype: 'panel',                     
    title: 'Test',                     
    region: 'east',                     
    width: 400,                     
    tpl: new Ext.XTemplate('<p>Hello world</p>'),                     
    split: true,                     
    collapsible: true                 
    }

面板被正确地呈现了,因为我可以把数据放在“html”属性中,它就工作了。

ozxc1zmp

ozxc1zmp1#

您需要提供一个data配置来显示tpl。根据文档,它与数据一起工作。目前,数据可以是一个空数组。
参考以下代码或小提琴

{
    xtype: 'panel',
    title: 'Test',
    region: 'east',
    width: 400,
    height: 400,
    data: [],
    tpl: new Ext.XTemplate('<p>Hello world</p>'),
    split: true,
    collapsible: true,
    renderTo: Ext.getBody()
}

相关问题