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

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

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

{
xtype:'面板'，
标题:"测试",，
地区：'东'，
宽度：400，
tpl:new Ext.XTemplate（“Hello world
”），
斯普利特：是的，
可折叠：正确
}

面板被正确呈现，因为我可以将数据放入“html”属性中，并且可以正常工作。

---

我很确定我遗漏了一些非常明显的东西。

您需要提供一个

数据

配置来显示tpl。根据to，它与数据一起工作。目前，数据可以是空数组

请参阅以下代码或

{
xtype:'面板'，
标题:"测试",，
地区：'东'，
宽度：400，
身高：400，
数据：[]，
tpl:new Ext.XTemplate（“Hello world
”），
斯普利特：是的，
可折叠的：是的，
renderTo:Ext.getBody（）
}

你说它什么都不显示是什么意思？因为您可以看到html属性，这意味着它将显示该属性。你能用一个可复制的例子来添加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()
}