javascript - EXT JS 自定义 TreeNodeUI 或 XTemplate

Question

我正在寻找一种方法来为 TreePanel 中的节点获取自定义模板。我想将其包装在 div 或类似的东西中。有人可以帮忙吗？

Answer 1

看起来好像有两种方法可以实现自定义 TreeNodeUI。第一种是将您的实现添加到 uiProvider 列表中，并为您的节点分配一个名为“uiProvider”的属性，其值为您创建的键:

var loader = new Ext.tree.TreeLoader({
    uiProviders: {
        myKey: My.TreeNodeUI.Implementation
    }
});

这只会更改设置了 uiProvider 属性的树节点，其他节点保持不变!

如果您想更改所有 TreeNodeUI，您可以覆盖 createNode 方法来创建您喜欢的任何类型的节点(尽管这应该扩展 Ext.tree.TreeNode)。如果您不想实现整个 TreeNode 类，您可以再次覆盖 uiProviders 属性。

var loader = new Ext.tree.TreeLoader({
    //override the CreateNode function
    createNode: function(attr) {
        attr.uiProvider = My.TreeNodeUI.Implementation

        return Ext.tree.TreeLoader.prototype.createNode.call(this, attr);
        //or possibly...
        //return My.CreateNode.Implementation
    } 
});