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 相关文章推荐
jquery live()重复绑定的解决方法介绍
Jan 03 Javascript
判断iframe里的页面是否加载完成
Jun 06 Javascript
jquery 获取 outerHtml 包含当前节点本身的代码
Oct 30 Javascript
jQuery实现向下滑出的平滑下拉菜单效果
Aug 21 Javascript
javascript日期格式化方法小结
Dec 17 Javascript
在AngularJS中使用jQuery的zTree插件的方法
Apr 21 Javascript
详解JS: reduce方法实现 webpack多文件入口
Feb 14 Javascript
jquery实现左右滑动式轮播图
Mar 02 Javascript
AngularJS解决ng-if中的ng-model值无效的问题
Jun 21 Javascript
jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】
Aug 18 jQuery
webpack4 处理CSS的方法示例
Sep 03 Javascript
对TypeScript库进行单元测试的方法
Jul 18 Javascript
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
索尼ICF-SW100收音机评测
2021/03/02 无线电
php解决约瑟夫环示例
2014/04/09 PHP
PHP入门教程之日期与时间操作技巧总结(格式化,验证,获取,转换,计算等)
2016/09/11 PHP
PHP获取数组中指定的一列实例
2017/12/27 PHP
PHP中常见的密码处理方式和建议总结
2018/10/14 PHP
PHP实现通过二维数组键值获取一维键名操作示例
2019/10/11 PHP
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
给网站上的广告“加速”显示的方法
2007/04/08 Javascript
javascript 节点排序 2
2011/01/31 Javascript
JSON+JavaScript处理JSON的简单例子
2013/03/20 Javascript
JS添加删除一组文本框并对输入信息加以验证判断其正确性
2013/04/11 Javascript
jquery右下角弹出提示框示例代码
2013/10/08 Javascript
jQuery实现可收缩展开的级联菜单实例代码
2013/11/27 Javascript
jquery移除、绑定、触发元素事件使用示例详解
2014/04/10 Javascript
Javascript 构造函数详解
2014/10/22 Javascript
js实现仿爱微网两级导航菜单效果代码
2015/08/31 Javascript
使用Vue中 v-for循环列表控制按钮隐藏显示功能
2019/04/23 Javascript
原生JS实现动态添加新元素、删除元素方法
2019/05/05 Javascript
vue父子组件间引用之$parent、$children
2020/05/20 Javascript
从零学python系列之从文件读取和保存数据
2014/05/23 Python
python中异常捕获方法详解
2017/03/03 Python
点球小游戏python脚本
2018/05/22 Python
python自动化测试无法启动谷歌浏览器问题
2019/10/10 Python
Pytorch .pth权重文件的使用解析
2020/02/14 Python
Python关于__name__属性的含义和作用详解
2020/02/19 Python
解决Django部署设置Debug=False时xadmin后台管理系统样式丢失
2020/04/07 Python
PyQt5-QDateEdit的简单使用操作
2020/07/12 Python
html5 canvas 简单画板实现代码
2012/01/05 HTML / CSS
如何将无状态会话Bean发布为WEB服务,只有无状态会话Bean可以发布为WEB服务?
2015/12/03 面试题
酒店办公室文员岗位职责
2013/12/18 职场文书
建筑结构施工专业推荐信
2014/02/21 职场文书
酒店总经理岗位职责
2014/03/17 职场文书
党校学习个人总结
2015/02/15 职场文书
乡镇党建工作总结2015
2015/05/19 职场文书
协议书格式模板
2016/03/24 职场文书
实体类或对象序列化时,忽略为空属性的操作
2021/06/30 Java/Android