ExtJs动态生成treepanel的Json格式


Posted in Javascript onJuly 19, 2015

在节点中加上"checked"属性,会自动生成checkbox。

获取选中节点

var nodeArray = "";
var nodesObj = mytree.getChecked();

var i;var length=nodesObj .length;
for (i = 0; i < length; i++) {
nodeArray += nodesObj[i].id + ',';   //允许多选的情况。如果不允许多选,就直接nodesObj[i].id 
}

nodeArray = nodeArray.substring(0, nodeArray.length - 1);

Json格式如下:

[{
"text": "To Do", 
"cls": "folder",
"expanded": true,
"children": [{
"text": "Go jogging",
"leaf": true,
"checked": true
},{
"text": "Take a nap",
"leaf": true,
"checked": false
},{
"text": "Climb Everest",
"leaf": true,
"checked": false
}]
},{
"text": "Grocery List",
"cls": "folder",
"children": [{
"text": "Bananas",
"leaf": true,
"checked": false
},{
"text": "Milk",
"leaf": true,
"checked": false
},{
"text": "Cereal",
"leaf": true,
"checked": false
},{
"text": "Energy foods",
"cls": "folder",
"children": [{
"text": "Coffee",
"leaf": true,
"checked": false
},{
"text": "Red Bull",
"leaf": true,
"checked": false
}]
}]
},{
"text": "Remodel Project", 
"cls": "folder",
"children": [{
"text": "Finish the budget",
"leaf": true,
"checked": false
},{
"text": "Call contractors",
"leaf": true,
"checked": false
},{
"text": "Choose design",
"leaf": true,
"checked": false
}]
}]

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
通过继承IHttpHandle实现JS插件的组织与管理
Jul 13 Javascript
js 幻灯片的实现
Dec 06 Javascript
JavaScript中用sort()方法对数组元素进行排序的操作
Jun 09 Javascript
js获取及判断键盘按键的方法
Dec 01 Javascript
js实现异步循环实现代码
Feb 16 Javascript
Node.js Addons翻译(C/C++扩展)
Jun 12 Javascript
Web安全测试之XSS实例讲解
Aug 15 Javascript
理解AngularJs篇:30分钟快速掌握AngularJs
Dec 23 Javascript
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 jQuery
详解Webpack+Babel+React开发环境的搭建的方法步骤
Jan 09 Javascript
vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)
Aug 12 Javascript
基于VUE实现简单的学生信息管理系统
Jan 13 Vue.js
javascript中mouseover、mouseout使用详解
Jul 19 #Javascript
javascript实现的简单计时器
Jul 19 #Javascript
javascript中setInterval的用法
Jul 19 #Javascript
js中跨域方法原理详解
Jul 19 #Javascript
javascript获取网页宽高方法汇总
Jul 19 #Javascript
jQuery获取URL请求参数的方法
Jul 18 #Javascript
jQuery增加自定义函数的方法
Jul 18 #Javascript
You might like
php学习之流程控制实现代码
2011/06/09 PHP
php之XML转数组函数的详解
2013/06/07 PHP
Aster vs KG BO3 第二场2.19
2021/03/10 DOTA
jQuery Select(单选) 模拟插件 V1.3.62 改进版
2010/07/17 Javascript
深入理解JavaScript系列(13) This? Yes,this!
2012/01/18 Javascript
jQuery中获取checkbox选中项等操作及注意事项
2013/11/24 Javascript
使用原生js实现页面蒙灰(mask)效果示例代码
2014/06/20 Javascript
基于jquery ui的alert,confirm方案(支持换肤)
2015/04/03 Javascript
酷炫jQuery全屏3D焦点图动画效果
2016/03/22 Javascript
VUEJS实战之修复错误并且美化时间(2)
2016/06/13 Javascript
JS工作中的小贴士之”闭包“与事件委托的”阻止冒泡“
2016/06/16 Javascript
JS代码实现百度地图 画圆 删除标注
2016/10/12 Javascript
JS操作xml对象转换为Json对象示例
2017/03/25 Javascript
jquery实现一个全局计时器(商城可用)
2017/06/30 jQuery
vuejs实现ready函数加载完之后执行某个函数的方法
2018/08/31 Javascript
CentOS7中源码编译安装NodeJS的完整步骤
2018/10/13 NodeJs
VUE简单的定时器实时刷新的实现方法
2019/01/20 Javascript
vue.js自定义组件实现v-model双向数据绑定的示例代码
2020/01/08 Javascript
python实现在windows下操作word的方法
2015/04/28 Python
Python科学计算之NumPy入门教程
2017/01/15 Python
python虚拟环境的安装配置图文教程
2017/10/20 Python
Python安装pycurl失败的解决方法
2018/10/15 Python
python实现汽车管理系统
2018/11/30 Python
python实现多线程端口扫描
2019/08/31 Python
详谈tensorflow gfile文件的用法
2020/02/05 Python
python opencv 检测移动物体并截图保存实例
2020/03/10 Python
印度首选时尚目的地:Reliance Trends
2018/01/17 全球购物
亚马逊意大利站点:Amazon.it
2020/12/31 全球购物
PHP如何去执行一个SQL语句
2016/03/05 面试题
农村优秀教师事迹材料
2014/08/27 职场文书
优秀教研组申报材料
2014/12/26 职场文书
党性教育心得体会(共6篇)
2016/01/21 职场文书
《称赞》教学反思
2016/02/17 职场文书
古诗文之爱国名句(77句)
2019/09/24 职场文书
PHP使用QR Code生成二维码实例
2021/07/07 PHP
html5调用摄像头截图功能
2022/01/18 Javascript