当前位置:Gxlcms > JavaScript > extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面

extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面

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

想要实现 TreeGrid的效果,打开官方例子却看不到效果,怎么办呢?我是这样实现的
代码如下:
  1. <br>var root = new Ext.tree.TreeNode({ <br>text: '根节点', <br>expanded: true <br>}); <br>tree.setRootNode(root); <br>var nodes = {}; <br>nodes.children = mydata;/*TreeGrid的json数据[{……},{……}]*/ <br>function appendChild(node, o) { <br>if (o.children != null && o.children.length > 0) { <br>for (var a = 0; a < o.children.length; a++) { <br>var n = new Ext.tree.TreeNode({ <br>task:o.children[a].task, <br>duration:o.children[a].duration, <br>user:o.children[a].user, <br>iconCls:o.children[a].iconCls <br>}); <br>node.appendChild(n); <br>appendChild(n, o.children[a]); <br>} <br>} <br>} <br>appendChild(root, nodes); <br> <br>看源码我们知道 TreeGrid 继承于 TreePanel <br>所以 root 才是数据源而不是 store, <br>根据加载json数据到树的原理,同理我们可以这样加载json数据到 treeGrid,而不再为dataUrl: 'treegrid-data.json'这样的加载方式而烦恼了,是不是很简单呢?

人气教程排行