extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面_Javascript教程-查字典教程网
extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面
extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面
发布时间:2016-12-30 来源:查字典编辑
摘要:想要实现TreeGrid的效果,打开官方例子却看不到效果,怎么办呢?我是这样实现的复制代码代码如下:varroot=newExt.tree....

想要实现 TreeGrid的效果,打开官方例子却看不到效果,怎么办呢?我是这样实现的

复制代码 代码如下:

var root = new Ext.tree.TreeNode({

text: '根节点',

expanded: true

});

tree.setRootNode(root);

var nodes = {};

nodes.children = mydata;/*TreeGrid的json数据[{……},{……}]*/

function appendChild(node, o) {

if (o.children != null && o.children.length > 0) {

for (var a = 0; a < o.children.length; a++) {

var n = new Ext.tree.TreeNode({

task:o.children[a].task,

duration:o.children[a].duration,

user:o.children[a].user,

iconCls:o.children[a].iconCls

});

node.appendChild(n);

appendChild(n, o.children[a]);

}

}

}

appendChild(root, nodes);

看源码我们知道 TreeGrid 继承于 TreePanel

所以 root 才是数据源而不是 store,

根据加载json数据到树的原理,同理我们可以这样加载json数据到 treeGrid,而不再为dataUrl: 'treegrid-data.json'这样的加载方式而烦恼了,是不是很简单呢?

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类