Extjs 在Ext.data.TreeStore节点Ext JS 4x中插入HTML表

请帮助我找到在treepanel ext js的节点中插入html表的解决方案

查找屏幕截图：

以下是一个示例：

它应该能帮助你开始

extjs：

var store = Ext.create('Ext.data.TreeStore', {
    root: {
        expanded: true,
        children: [
            { text: "detention", leaf: true },
            { text: "homework", expanded: true, children: [
                { text: "book report", leaf: true },
                { text: "alegrbra", leaf: true}
            ] },
            { text: '<table class="sample_table"><tr><td>11</td><td>12</td></tr><tr><td>21</td><td>22</td></tr></table>', leaf: true }
        ]
    }
});

var tree = Ext.create('Ext.tree.Panel', {
    title: 'Simple Tree',
    useArrows: true,
    width: 500,
    height: 500,
    store: store,
    rootVisible: false,
    renderTo: Ext.getBody()
});

var root = tree.getRootNode();
root.appendChild({ text: '<table class="sample_table"><tr><td>aa</td><td>ab</td></tr><tr><td>ba</td><td>bb</td></tr></table>', leaf: true});

---

我不确定，但也许可以用Ext.tree.View和tpl或itemTplCan来完成。你可以发布一个示例代码谢谢你，Arun，还有其他使用tpl或itemTplI的方法吗？我不知道任何关于使用树模板的现成方法。您可以尝试使用Ext.Template：实际上，您可以在TreePanel中的TreeView上使用itemTpl

.sample_table {
    display: inline-block;
}

.sample_table td {
    border: 1px solid black;
    padding: 5px;
}