extjs - 如何在 ExtJS TreePanel 中找到选定的节点？

Question

当用户单击按钮时，我试图检索 TreePanel 的选定节点(如果有)。如何检索 TreePanel 中的选择节点？谢谢。

Answer 1

您要做的是创建一个事件处理程序。每个 ExtJs 对象都有许多与它们自动关联的事件。您将编写一个事件处理程序(一个函数)，然后您可以将其分配给一个事件监听器。因此，在这种情况下，您可能希望为 TreePanel 组件的“单击”事件分配一个事件处理程序。

var tbPan = new Ext.tree.TreePanel({
    itemId:'navTree',
    autoScroll: true,
    root: new Ext.tree.TreeNode({
        id: 'root',
        text: 'My Tree Root',
        rootVisible: true
    }),
    listeners: {
        click: {
            fn:clickListener
        }
    }
});

clickListener = function (node,event){
    // The node argument represents the node that
    // was clicked on within your TreePanel
};

但是，如果你想知道一个已经被选中的节点会发生什么？此时，您需要访问 TreePanel 的选择模型。您提到了按钮操作。假设您想将一个函数应用于该按钮的单击处理程序以获取所选节点:

var btn = new Ext.Button({
    text: 'Get Value',
    handler: function (thisBtn,event){
        var node = Ext.fly('navTree').getSelectionModel().getSelectedNode();
    }
});

您使用了享元元素来快速引用 TreePanel 本身，然后使用该 TreePanel 的内部方法来获取它的选择模型。之后，您使用该选择模型(在本例中为 DefaultSelectionModel)的内部方法来获取所选节点。

您将在 Ext JS 文档中找到大量信息。在线(和离线 AIR 应用程序)API 非常广泛。即使您不直接使用 Core，Ext Core 手册也可以让您深入了解 ExtJS 开发。