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 插件学习(六)
Aug 06 Javascript
jQuery中cookie插件用法实例分析
Dec 04 Javascript
15个常用的jquery代码片段
Dec 19 Javascript
Bootstrap模态对话框的简单使用
Apr 29 Javascript
jQuery解析与处理服务器端返回xml格式数据的方法详解
Jul 04 Javascript
基于javascript实现按圆形排列DIV元素(一)
Dec 02 Javascript
移动端利用H5实现压缩图片上传功能
Mar 29 Javascript
JavaScript实现离开页面前提示功能【附jQuery实现方法】
Sep 26 jQuery
jQuery 导航自动跟随滚动的实现代码
May 30 jQuery
jQuery实现table表格checkbox全选的方法分析
Jul 04 jQuery
深入了解JavaScript 防抖和节流
Sep 12 Javascript
类和原型的设计模式之复制与委托差异
Jul 07 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
php 时间计算问题小结
2009/01/04 PHP
深入PHP购物车模块功能分析(函数讲解,附源码)
2013/06/25 PHP
PHP扩展模块memcached长连接使用方法分析
2014/12/24 PHP
php基于单例模式封装mysql类完整实例
2016/10/18 PHP
JavaScript 创建对象和构造类实现代码
2009/07/30 Javascript
jquery下操作HTML控件的实现代码
2010/01/12 Javascript
JavaScript Event学习第六章 事件的访问
2010/02/07 Javascript
在Ubuntu上安装最新版本的Node.js
2014/07/14 Javascript
基于jquery实现轮播特效
2016/04/22 Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
2016/08/21 Javascript
bootstrap手风琴制作方法详解
2017/01/11 Javascript
angular.js指令中的controller、compile与link函数的不同之处
2017/05/10 Javascript
node.js中fs.stat与fs.fstat的区别详解
2017/06/01 Javascript
jQuery+Ajax实现用户名重名实时检测
2017/06/01 jQuery
在 Node.js 中使用原生 ES 模块方法解析
2017/09/19 Javascript
详解一个基于套接字实现长连接的express
2019/03/28 Javascript
教你完全理解ReentrantLock重入锁
2019/06/03 Javascript
如何实现echarts markline标签名显示自己想要的
2020/07/20 Javascript
基于JavaScript的数据结构队列动画实现示例解析
2020/08/06 Javascript
js实现类选择器和name属性选择器的示例步骤
2021/02/07 Javascript
[54:58]完美世界DOTA2联赛PWL S2 LBZS vs Rebirth 第一场 11.25
2020/11/25 DOTA
详解Python中映射类型的内建函数和工厂函数
2015/08/19 Python
Python 高级专用类方法的实例详解
2017/09/11 Python
Python入门之三角函数atan2()函数详解
2017/11/08 Python
Python实现的远程登录windows系统功能示例
2018/06/21 Python
python使用多进程的实例详解
2018/09/19 Python
Pycharm中Python环境配置常见问题解析
2020/01/16 Python
python中matplotlib实现随鼠标滑动自动标注代码
2020/04/23 Python
解决Keras中CNN输入维度报错问题
2020/06/29 Python
CSS3条纹背景制作的实战攻略
2016/05/31 HTML / CSS
美国高街时尚品牌:OASAP
2016/07/24 全球购物
国际书籍零售商:Wordery
2017/11/01 全球购物
运动会演讲稿
2014/05/07 职场文书
检讨书范文300字
2015/01/28 职场文书
JavaScript实现贪吃蛇游戏
2021/06/16 Javascript
PostgreSQL并行计算算法及参数强制并行度设置方法
2022/04/07 PostgreSQL