ExtJs——TreePanel(动态)!!!
2011-03-14 16:21
211 查看
Ext.onReady(function(){ var root = new Ext.tree.AsyncTreeNode({id:'1',text:'根节点',leaf:false}); var tree = new Ext.tree.TreePanel({ dataUrl:'TreeServlet.do', title:'异步加载节点', width:300, height:300 }); tree.setRootNode(root); tree.render(Ext.getBody()); });
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { resp.setContentType("text/html;charset=utf-8"); PrintWriter out = resp.getWriter(); String id = req.getParameter("node"); if (id != null) { if ("1".equals(id)) { out .println("[{id:'2',text:'层级_1',leaf:false},{id:'3',text:'层级_2',leaf:true}]"); } else if ("2".equals(id)) { out .println("[{id:'4',text:'层级_1_1',leaf:false},{id:'5',text:'层级_1_2',leaf:true}]"); } else if ("4".equals(id)) { out .println("[{id:'6',text:'层级_1_1_1',leaf:false},{id:'7',text:'层级_1_1_2',leaf:true}]"); } else if ("6".equals(id)) { out .println("[{id:'8',text:'层级_1_1_1_1',leaf:true},{id:'9',text:'层级_1_1_1_2',leaf:true}]"); } out.flush(); out.close(); } }
相关文章推荐
- Extjs4.2 TreePanel+Asp.net mvc 动态加载节点
- ExtJs之TreePanel动态绑定
- extjs treepanel 动态的加载节点,选中父节点时,同时选中下面的子节点
- Extjs中左边treepanel右边panel动态加载jsp页面
- 如何让 extjs treepanel 支持动态root节点
- ExtJs动态生成treepanel的Json格式
- 我自己写的关于EXTJS的TreePanel、viewPort和tabPanel动态切换和添加tabpanel的例子
- ExtJS4.X TreeStore,TreePanel 动态加载菜单和Tab页
- Extjs中左边treepanel右边panel动态加载jsp页面
- extjs treepanel动态改变树节点的图标
- ExtJs 4.x 学习小记:动态添加节点到Ext.tree.Panel
- ExtJs动态生成treepanel的Json格式
- ExtJs动态生成treepanel的Json格式
- EXTJS 4: 如何动态的改变treepanel中节点的文字
- ExtJS 使用点滴 十二 ViewPort 嵌套及TreePanel 宽度高度自适应
- extjs:如何动态修改panel的html值
- extjs.treePanel在ie9下滚动条的显示问题
- 层序遍历在ExtJs的TreePanel中的应用
- Extjs 4 tabpanel动态加载reconfigure的grid
- Extjs4 treePanel + checkbox 级联选中