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 相关文章推荐
JS实现打开本地文件或文件夹
Mar 09 Javascript
JQuery Tips(4) 一些关于提高JQuery性能的Tips
Dec 19 Javascript
jquery 倒计时效果实现秒杀思路
Sep 11 Javascript
JavaScript关闭当前页面(窗口)不带任何提示
Mar 26 Javascript
详解JavaScript中数组的相关知识
Jul 29 Javascript
JS获取checkbox的个数简单实例
Aug 19 Javascript
jQuery 遍历map()方法详解
Nov 04 Javascript
angularJS+requireJS实现controller及directive的按需加载示例
Feb 20 Javascript
Vue实现购物车功能
Apr 27 Javascript
微信小程序中实现手指缩放图片的示例代码
Mar 13 Javascript
js实现消灭星星(web简易版)
Mar 24 Javascript
Antd表格滚动 宽度自适应 不换行的实例
Oct 27 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 函数使用方法与函数定义方法
2010/05/09 PHP
php计算两个日期时间差(返回年、月、日)
2014/06/19 PHP
php使用number_format函数截取小数的方法分析
2016/05/27 PHP
document.onreadystatechange事件的用法分析
2009/10/17 Javascript
jquery入门——事件机制之事件中的冒泡现象示例解释
2020/09/12 Javascript
地址栏传递中文参数乱码在js里用escape转码
2013/08/28 Javascript
JavaScript的继承的封装介绍
2013/10/15 Javascript
JS实现局部选择打印和局部不选择打印
2014/04/03 Javascript
jQuery toggleClass应用实例(附效果图)
2014/04/06 Javascript
Javascript的无new构建实例详解
2016/05/15 Javascript
WEB前端开发框架Bootstrap3 VS Foundation5
2016/05/16 Javascript
实例解析jQuery工具函数
2016/12/01 Javascript
html+javascript+bootstrap实现层级多选框全层全选和多选功能
2017/03/09 Javascript
使用JavaScript实现链表的数据结构的代码
2017/08/02 Javascript
JS实现将对象转化为数组的方法分析
2019/01/21 Javascript
js中offset,client , scroll 三大元素知识点总结
2019/09/11 Javascript
js实现的在本地预览图片功能示例
2019/11/09 Javascript
vue切换菜单取消未完成接口请求的案例
2020/11/13 Javascript
Python入门篇之文件
2014/10/20 Python
八大排序算法的Python实现
2021/01/28 Python
自适应线性神经网络Adaline的python实现详解
2019/09/30 Python
python爬虫开发之Beautiful Soup模块从安装到详细使用方法与实例
2020/03/09 Python
python实时监控logstash日志代码
2020/04/27 Python
css3 2D图片转动样式可以扩充到Js当中
2014/04/29 HTML / CSS
KIKO MILANO英国官网:意大利知名化妆品和护肤品品牌
2017/09/25 全球购物
俄罗斯首家面向中国消费者的一站式购物网站:Wruru
2020/05/08 全球购物
大一新生军训时的自我评价分享
2013/12/05 职场文书
给实习单位的感谢信
2014/02/01 职场文书
学生个人自我鉴定
2014/03/26 职场文书
党员弘扬焦裕禄精神思想汇报
2014/09/10 职场文书
建设办主任四风问题整改思路和措施
2014/09/20 职场文书
2015年少先队活动总结
2015/03/25 职场文书
2015年上半年计生工作总结
2015/03/30 职场文书
重阳节简报
2015/07/20 职场文书
用Python爬虫破解滑动验证码的案例解析
2021/05/06 Python
阿里面试Nacos配置中心交互模型是push还是pull原理解析
2022/07/23 Java/Android