extjs动态树的生成。
来源:互联网 发布:linux怎么删除目录 编辑:程序博客网 时间:2024/04/27 08:03
运行结果:
数据库字段取名非常重要,要与ext.Tree中对应。id text url(href)
js代码:
Ext.TESTTREE.Model = { nodeStore: Ext.create('Ext.data.TreeStore', { model: 'NodeModel', proxy: { type: 'ajax', url: Ext.TESTTREE.NodeConfig.NodeQueryUrl }})}Ext.define('NodeModel', { extend: 'Ext.data.Model', fields: [ {name:'id',mapping:'id'}, {name:'text'}, {name:'leaf'}, {name:'url'} ]});Ext.TESTTREE.NodeConfig={NodeQueryUrl:"/tool-license/treeNode/listTreeNode.do",};var MenuTree=Ext.create('Ext.tree.Panel', { title: 'Simple Tree', displayField: 'text', region: 'west', width: '16%', autoScroll: true, store: Ext.TESTTREE.Model.nodeStore,rootVisible: false,});Ext.create('Ext.container.Viewport', { layout: 'border', defaults: { collapsible: true, split: true, bodyStyle: 'padding: 10px' }, items: [TopPanel,MenuTree, MainPanel, FooterPanel],});主要java代码:// 控制层@Controller@RequestMapping("/treeNode")public class TreeNodeController {private TreeNodeService treeNodeService;@Autowiredpublic TreeNodeController(TreeNodeService treeNodeService) {this.treeNodeService = treeNodeService;}@RequestMapping("/listTreeNode.do")@ResponseBodypublic void listTreeNode(@RequestParam("id") String parentId,HttpServletResponse response) throws IOException {response.setCharacterEncoding("utf-8");// System.out.println(parentId+"++++++++++++++++++");List<TreeNode> nodes = treeNodeService.listClildren(parentId);StringBuilder jsonData = new StringBuilder();if (nodes.size() > 0) {jsonData.append("[");for (TreeNode treeNode : nodes) {{// System.out.println(treeNode.getHref()+"==============href");ToTreeNode json = new ToTreeNode();boolean leaf = (treeNodeService.listClildren(treeNode.getLevel())).size() == 0 ? true : false;String node = json.ToTreeNode(treeNode.getLevel(),treeNode.getText(), leaf,treeNode.getUrl()).toString();jsonData.append(node);jsonData.append(",");}}// 去掉末尾“,”号jsonData.deleteCharAt((Integer) (jsonData.length() - 1));jsonData.append("]");}response.getWriter().write(jsonData.toString());}}public class ToTreeNode { public StringBuilder ToTreeNode(String id, String text, boolean leaf,String url){ StringBuilder jsonData = new StringBuilder(); jsonData.append("{"); jsonData.append("id:'"); jsonData.append(id); jsonData.append("',text:'"); jsonData.append(text); jsonData.append("',leaf:'"); jsonData.append(leaf); jsonData.append("',url:'"); jsonData.append(url); jsonData.append("'}"); return jsonData; }}
- extjs动态树的生成。
- ExtJs动态grid的生成
- Extjs中动态生成树
- ExtJs树的生成
- ExtJs动态生成含有checkBox的Tree
- Extjs动态生成gridPannel(动态的列,动态的table)
- extjs 开始菜单动态生成
- Extjs 动态生成表格
- Extjs动态生成表头
- EXTJS动态树的实现
- EXTJS动态树的实现
- Extjs树的动态加载
- ExtJs GridPanel动态生成表单
- extjs desktop 菜单动态生成
- Extjs-Grid-动态生成columns
- extjs生成动态折线图
- Extjs 中fields和grid的columns如何动态生成
- Extjs结合后台数据库动态生成多层菜单树
- android:屏幕自适应
- auto,register,static分析
- 10进制转换16进制
- asp.net开发常用技巧收集
- CI9.3-旋转数组查找给定值
- extjs动态树的生成。
- 易语言POST教程-CSDN上传头像解析
- hibernate session译文
- Sublime text 3/2破解版_破解方法_注册机_序列号_下载
- ARM926EJ-S/ARM920T 协处理器 CP14, CP15详解
- 会话管理
- hdu1335(进制之间的转换)
- eclipse中的输入提示怎么设置 让它为我们提示所有的输入呢?
- 一台机器同时运行两个Tomcat