手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面
extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面
摘要:想要实现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'这样的加载方式而烦恼了,是不是很简单呢?

【extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面】相关文章:

JS实现简单路由器功能的方法

用JavaScript实现页面重定向功能的教程

jquery实现动态改变div宽度和高度

jQuery使用zTree插件实现树形菜单和异步加载

基于JavaScript实现动态添加删除表格的行

jQuery页面的滚动位置scrollTop、scrollLeft

AspNet中使用JQuery boxy插件的确认框

JQuery实现动态添加删除评论的方法

JavaScript检测字符串中是否含有html标签实现方法

Javascript实现广告页面的定时关闭

精品推荐
分类导航