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 EditorGridPanel中ComboBox列的显示问题
EditorGridPanel中嵌入ComboBox通常不会正常显示ComboBox的store中本想显示字段,而是显示的EditorGridPanel中 store的dataindex指定的字段内容。2011-07-07EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
用了一个方法解决了此问题,但是老是感觉这样解决了很不爽,各位有没有遇到过这种问题,请指点一下。2011-04-04ext combox 下拉框不出现自动提示,自动选中的解决方法
ext combox 如果想实现类似于 baidu 搜索时的提示功能。必须禁止其分页功能才可以。2010-02-02解决Extjs 4 Panel作为Window组件的子组件时出现双重边框问题
Extjs的Panel和Window等组件在默认情况下是带边框的,通常情况下,单独使用没有什么关系,但是将Panel作为Window组件的子组件时就会出现双重边框的现象于是想办法将两重边框去掉,变成单边框,感兴趣的朋友可以了解下2013-01-01Extjs中DisplayField的日期或者数字格式化扩展
在用Extjs的时候,有时需要对 Ext.form.DisplyField 进行格式化。2010-09-09ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox
需要做一个控制grid列显示的checkboxgroup,虽然EXTJS4中的gridpanel自带列表可以来控制列的显示隐藏,需要的朋友可以参考下2014-05-05Extjs的FileUploadField文件上传出现了两个上传按钮
Extjs的FileUploadField文件上传在页面中出现了两个上传按钮,这个是和ext的本身css的样式有关系,所以要将样式修改下2014-04-04Extjs3.0 checkboxGroup 动态添加item实现思路
Extjs3.0中的CheckboxGroup默认不能动态添加item,如需要数据动态创建,试着创建整个CheckboxGroup,而不是动态添加item,具体实现如下,感兴趣的朋友可以了解下2013-08-08
最新评论