extjs 3.31 TreeGrid实现静态页面加载json到TreeGrid里面
更新时间：2013年04月02日 14:53:07 作者：
extjs 3.31 TreeGrid 我的小改动，实现静态页面加载json到TreeGrid里面
想要实现 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'这样的加载方式而烦恼了，是不是很简单呢？
复制代码 代码如下:
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获取HTML静态页面参数传递值示例
- JS+JSP通过img标签调用实现静态页面访问次数统计的方法
- jsp实现将动态网页转换成静态页面的方法
- js+php实现静态页面实时调用用户登陆状态的方法
- PHP采集静态页面并把页面css,img,js保存的方法
- javascript静态页面传值的三种方法分享
- javascript实现html页面之间参数传递的四种方法实例分析
- JSP页面中超链接传递中文参数出现乱码问题解决方法
- JavaScript函数的调用以及参数传递
- 四种参数传递的形式——URL，超链接，js，form表单
- jsp中URL传递中文参数的处理方法
- javascript自定义函数参数传递为字符串格式
- 关于javaScript注册click事件传递参数的不成功问题
- JS控制静态页面传递参数并获取参数应用
相关文章
Extjs Ext.MessageBox.confirm 确认对话框详解
显示一个确认对话框，用来代替JavaScript标准的confirm()方法，具有两个按钮“是”和“否”如果为其提供一个回调函数，则该函数将在单击按钮后被调用(包括右上角的推出按钮)，所单击按钮的id将被作为唯一的参数传递到回调函数中。2010-04-04
一般参数传递通过url后面跟后台也能取到，不过看到send参数也可以发送参数，试验了一下服务器端接受不到发送的参数，在firebug里看到发送的请求post部分是一个串，不太象正常发送的参数。2009-08-08
Exitjs DataView中图片文件名获取实现代码。2009-11-11
extjs的一个亮点就是提供了丰富的UI，使得没有艺术细胞的程序员也能做出绚丽的界面。把所有的UI集中到一起，有好处也有坏处，好处是有了统一的风格和接口，坏处是js文件过于庞大，使用extjs的最小集合也超过了500k，所以在有些项目中并不适用。2009-10-10
extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
treePanel+chekBox全部选中以及清空选中，想必大家在学习使用过程中都见过这种效果吧，接下来为大家详细介绍下实现过程及细节，感兴趣的朋友可以参考下哈2013-04-04
Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)
类似Ext.Msg.alert();但没有关闭按钮,由于Extjs4消息框中的关闭按钮，没有执行回调函数，点击关闭按钮后，直接关闭窗口，接下来为大家详细介绍下去掉关闭按钮2013-04-04
代码看起来简洁又漂亮是如何做到的，这篇文章主要为大家详细介绍了Extjs如何让combobox写起来更简单，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
extjs 的权限问题 要求控制的对象是 菜单，按钮，URL
这两天在解决extjs 的权限问题。要求控制的对象是 菜单，按钮，URL2010-03-03
需要一个功能点击一个按钮后将树节点前的复选框去掉，变成没有选择的状态，百度一下发现个不错的方法，需要的朋友可以参考下2013-11-11
ExtJS4的requires是新增的机制，主要是实现异步加载机制，在下面的文章总将为大家介绍下ExtJS4中的requires使用方法，需要的朋友不要错过2013-12-12
最新评论