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 相关文章推荐
javascript+canvas制作九宫格小程序
Dec 28 Javascript
Jquery 全选反选实例代码
Nov 19 Javascript
实践中学习AngularJS表单
Mar 21 Javascript
JavaScript使用ZeroClipboard操作剪切板
May 10 Javascript
使用Bootstrap + Vue.js实现表格的动态展示、新增和删除功能
Nov 27 Javascript
Vue-Router基础学习笔记(小结)
Oct 15 Javascript
使用Angular Cli如何创建Angular私有库详解
Jan 30 Javascript
JS 封装父页面子页面交互接口的实例代码
Jun 25 Javascript
layer.open组件获取弹出层页面变量、函数的实例
Sep 25 Javascript
Vue项目移动端滚动穿透问题的实现
May 19 Javascript
Postman环境变量全局变量使用方法详解
Aug 13 Javascript
html5 录制mp3音频支持采样率和比特率设置
Jul 15 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
改进的IP计数器
2006/10/09 PHP
PHP数组 为文章加关键字连接 文章内容自动加链接
2011/12/29 PHP
浅谈php扩展imagick
2014/06/02 PHP
解析WordPress中函数钩子hook的作用及基本用法
2015/12/22 PHP
PHP编写daemon process 实例详解
2016/11/13 PHP
php爬取天猫和淘宝商品数据
2018/02/23 PHP
php实现微信发红包功能
2018/07/13 PHP
Jquery 获取表单text,areatext,radio,checkbox,select值的代码
2009/11/12 Javascript
网页中的图片的处理方法与代码
2009/11/26 Javascript
基于jQuery的投票系统显示结果插件
2011/08/12 Javascript
javascript简单实现命名空间效果
2014/03/06 Javascript
jQuery打印指定区域Html页面并自动分页
2014/07/04 Javascript
jQuery+Ajax实现无刷新操作
2016/01/04 Javascript
JS中用三种方式实现导航菜单中的二级下拉菜单
2016/10/31 Javascript
AngularJS实现在ng-Options加上index的解决方法
2016/11/03 Javascript
JavaScript创建对象_动力节点Java学院整理
2017/06/27 Javascript
Bootstrap Table 在指定列中添加下拉框控件并获取所选值
2017/07/31 Javascript
详解IOS微信上Vue单页面应用JSSDK签名失败解决方案
2018/11/14 Javascript
Vue.js子组件向父组件通信的方法实例代码详解
2018/12/10 Javascript
微信小程序HTTP请求从0到1封装
2019/09/09 Javascript
vue 翻页组件vue-flip-page效果
2020/02/05 Javascript
NodeJS和浏览器中this关键字的不同之处
2021/03/03 NodeJs
[01:18:45]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第三场2月1日
2021/03/11 DOTA
python中删除某个元素的方法解析
2019/11/05 Python
Python count函数使用方法实例解析
2020/03/23 Python
利用canvas实现图片下载功能来实现浏览器兼容问题
2019/05/31 HTML / CSS
办理生育手续介绍信
2014/01/14 职场文书
小学防溺水制度
2014/01/29 职场文书
乡村卫生服务一体化管理实施方案
2014/03/30 职场文书
日语专业毕业生自荐书
2014/06/18 职场文书
财产保全担保书
2015/01/20 职场文书
奖励通知
2015/04/22 职场文书
教师节表彰会主持词
2015/07/06 职场文书
《夹竹桃》教学反思
2016/02/23 职场文书
争做文明公民倡议书
2019/06/24 职场文书
使用CSS实现按钮边缘跑马灯动画
2023/05/07 HTML / CSS