ExtJS:向TreePanel中的节点添加单击操作

时间:2009-04-07 13:07:57

标签: treeview extjs

[修订] 我正在ExtJs中创建一个TreePanel,它正在从JSON文件中加载它的子节点。我在向节点添加点击操作时遇到问题。我不确定它是否在创建树的脚本中添加,或者它是否作为JSON中的属性添加,如果是,则语法是什么。任何帮助,将不胜感激!如果可能,请提供一个例子。

3 个答案:

答案 0 :(得分:8)

向TreePanel添加一个监听器:

listeners: {
    click: function(node, event){
        console.log(node);
    }
}

并使用节点中的数据。

答案 1 :(得分:1)

这是一个非常常见的问题(一般事件),所以我建议搜索extjs论坛并阅读他们在学习中心的内容。

可以在创建TreePanel时分配事件侦听器,也可以将其附加到现有TreePanel。

我有一个类似的(和常见的)设置,我有一个树,我用作导航菜单,每个叶节点充当应该在TabPanel中打开的链接。

要处理节点点击,您可以执行以下操作:

Ext.get('your-tree').on('click', function(node, event){
    if(node.isLeaf()){
        // do what you need to with the node.
    }
});

Jozef Sakalos(aka Saki)在他的网站extjs.eu上提供了很多重要信息。我想你最感兴趣的是component communication例子。

答案 2 :(得分:0)

格里让你走上了正确的道路,你可以永远不会错过萨基的例子。我刚刚回答了一个非常相似的问题。该答案可能会为您提供更多信息:

How do I find the selected node in an ExtJS TreePanel?