extjs - 如何让 ExtJS 树形面板中的所有项目始终可见

Question

我有一个树形面板，列出了复杂的节点层次结构。

如果节点列表变得太大，则面板会滚动，这是所需的。

不希望用户单击箭头（或 dblclick 项目）以展开/折叠父节点的能力。

确保树形面板始终呈现完全展开并删除展开/折叠功能的最简单方法是什么？

Answer 1

我曾经需要这样做，这个解决方案（在这里找到）对我有用：

对于每个不可折叠节点：

{text: 'Node', nodeType: 'node', expanded: true, cls: 'uncollapsible', collapsible: false}

在您的 CSS 中：

.uncollapsible .x-tree-elbow-minus {
    background-image: url(resources/images/default/tree/elbow.gif);
}

.uncollapsible .x-tree-elbow-end-minus {
    background-image: url(resources/images/default/tree/elbow-end.gif)
}

在您的树形面板中：

listeners: {
    beforecollapsenode: function(node) {
        return node.attributes.collapsible;
    }
}