手机
当前位置:查字典教程网 >编程开发 >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里面】相关文章:

jquery合并表格中相同文本的相邻单元格

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

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

探索angularjs+requirejs全面实现按需加载的套路

jQuery页面的滚动位置scrollTop、scrollLeft

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

javascript实现日期按月份加减

jQuery实现给页面换肤的方法

JavaScript实现列表分页功能特效

jquery插件splitScren实现页面分屏切换模板特效

精品推荐
分类导航