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判断$(&quot;#id&quot;)获取的对象是否存在的方法
Sep 25 Javascript
JS获取节点的兄弟,父级,子级元素的方法
Jan 09 Javascript
js控制分页打印、打印分页示例
Feb 08 Javascript
Javascript核心读书有感之词法结构
Feb 01 Javascript
AngularJs动态加载模块和依赖注入详解
Jan 11 Javascript
JScript实现地址选择功能
Aug 15 Javascript
angular2路由切换改变页面title的示例代码
Aug 23 Javascript
详解jQuery-each()方法
Mar 13 jQuery
Angular2实现的秒表及改良版示例
May 10 Javascript
Vue.js实现大屏数字滚动翻转效果
Nov 29 Javascript
js实现随机点名
Jan 19 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 操作文件的一些FAQ总结
2009/02/12 PHP
php的大小写敏感问题整理
2011/12/29 PHP
php socket实现的聊天室代码分享
2014/08/16 PHP
php实现等比例压缩图片
2018/07/26 PHP
window.onbeforeunload方法在IE下无法正常工作的解决办法
2010/01/23 Javascript
javascript+mapbar实现地图定位
2010/04/09 Javascript
JavaScript自定义日期格式化函数详细解析
2014/01/14 Javascript
JavaScript中length属性的使用方法
2015/06/05 Javascript
HTML页面,测试JS对C函数的调用简单实例
2016/08/09 Javascript
基于Bootstrap框架实现图片切换
2017/03/10 Javascript
ES6下React组件的写法示例代码
2017/05/04 Javascript
Node.js 的模块知识汇总
2017/08/16 Javascript
基于Vue自定义指令实现按钮级权限控制思路详解
2018/05/23 Javascript
javascript json字符串到json对象转义问题
2019/01/22 Javascript
node静态服务器实现静态读取文件或文件夹
2019/12/03 Javascript
vue 使用插槽分发内容操作示例【单个插槽、具名插槽、作用域插槽】
2020/03/06 Javascript
详细介绍Python的鸭子类型
2016/09/12 Python
详解python中executemany和序列的使用方法
2017/08/12 Python
python实现windows壁纸定期更换功能
2019/01/21 Python
Python3.4学习笔记之常用操作符,条件分支和循环用法示例
2019/03/01 Python
Python使用Pandas对csv文件进行数据处理的方法
2019/08/01 Python
以SQLite和PySqlite为例来学习Python DB API
2020/02/05 Python
Python爬虫爬取杭州24时温度并展示操作示例
2020/03/27 Python
使用CSS3来绘制一个月食图案
2015/07/18 HTML / CSS
详解html5 shiv.js和respond.min.js
2018/01/24 HTML / CSS
HTML5跳转小程序wx-open-launch-weapp的示例代码
2020/07/16 HTML / CSS
万宝龙英国官网:Montblanc手表、书写工具、皮革和珠宝
2018/10/16 全球购物
.NET概念性的面试题
2012/02/29 面试题
《珍珠泉》教学反思
2014/02/20 职场文书
优秀毕业生推荐信范文
2014/03/07 职场文书
大家访活动实施方案
2014/03/10 职场文书
党校培训自我鉴定范文
2014/03/20 职场文书
爱护公共设施标语
2014/06/24 职场文书
部门经理助理岗位职责
2015/04/13 职场文书
财产分割协议书
2016/03/22 职场文书
Python正则表达式中flags参数的实例详解
2022/04/01 Python