当前位置:Gxlcms > JavaScript > 利用ExtJs生成动态树实例代码_javascript技巧

利用ExtJs生成动态树实例代码_javascript技巧

时间:2021-07-01 10:21:17 帮助过:9人阅读

一. 需求

要求生成一颗部门树,初始只列出根部门
当点击一个部门节点时,动态载入该部门下的直属子部门,并展开该部门节点
部门节点要求支持右键单击事件,当点击右键时,列出相关操作菜单
二. 关键类

这里主要涉及Ext JS的两个类:

Ext.tree.TreeNode
Ext.menu.Menu
相关API可以参考:http://extjs.com/deploy/ext/docs/

三. 代码示例

1. 先看一下测试页面
代码如下:




Reorder TreePanel