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

Question

面板主体内部没有显示任何内容：

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

面板已正确呈现，因为我可以将数据放入“html”属性 并且它可以正常工作。 我很确定我遗漏了一些非常明显的东西。

Answer 1

您需要提供 data 配置才能显示 tpl。根据 docs，它与数据结合使用。数据暂时可以为空数组

参考以下代码或fiddle

{
    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()
}