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模拟JQuery的show与hide动画函数代码
Sep 20 Javascript
jQuery队列控制方法详解queue()/dequeue()/clearQueue()
Dec 02 Javascript
js或jquery实现页面打印可局部打印
Mar 27 Javascript
javascript的动态加载、缓存、更新以及复用(一)
Jun 09 Javascript
原生javascript实现拖动元素示例代码
Sep 01 Javascript
使用js画图之饼图
Jan 12 Javascript
JavaScript将数字转换成大写中文的方法
Mar 23 Javascript
JavaScript实现表格点击排序的方法
May 11 Javascript
jquery二级目录选中当前页的css样式
Dec 08 Javascript
从零学习node.js之模块规范(一)
Feb 21 Javascript
详解如何快速配置webpack多入口脚手架
Dec 28 Javascript
用vue设计一个日历表
Dec 03 Vue.js
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中json_encode中文编码问题分析
2011/09/13 PHP
利用ThinkPHP内置的ThinkAjax实现异步传输技术的实现方法
2011/12/19 PHP
php命令行(cli)下执行PHP脚本文件的相对路径的问题解决方法
2015/05/25 PHP
最新最全PHP生成制作验证码代码详解(推荐)
2016/06/12 PHP
php显示页码分页类的封装
2017/06/08 PHP
PHP基于array_unique实现二维数组去重
2020/07/14 PHP
使用TextRange获取输入框中光标的位
2006/10/14 Javascript
jQuery ajax BUG:object doesn't support this property or method
2010/07/06 Javascript
关于jquery中全局函数each使用介绍
2013/12/10 Javascript
使用jQuery的attr方法来修改onclick值
2014/07/07 Javascript
JS动态增删表格行的方法
2016/03/03 Javascript
jQuery EasyUI 入门必看
2016/06/03 Javascript
深入理解ES7的async/await的用法
2017/09/09 Javascript
nodejs Assert中equal(),strictEqual(),deepEqual(),strictDeepEqual()比较
2017/09/18 NodeJs
[01:11:08]Winstrike vs NB 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
[46:21]Liquid vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
python通过urllib2获取带有中文参数url内容的方法
2015/03/13 Python
python数据结构链表之单向链表(实例讲解)
2017/07/25 Python
Python requests模块session代码实例
2020/04/14 Python
Python如何执行精确的浮点数运算
2020/07/31 Python
浅谈HTML5中dialog元素尝鲜
2018/10/15 HTML / CSS
英国最大的割草机购买网站:Just Lawnmowers
2019/11/02 全球购物
英国拖鞋购买网站:Bedroom Athletics
2020/02/28 全球购物
办公室主任职责范文
2013/11/08 职场文书
策划主管的工作职责
2013/11/24 职场文书
战友聚会邀请函
2014/01/18 职场文书
社团活动总结
2014/04/28 职场文书
扶贫办主任查摆“四风”问题个人对照检查材料思想汇报
2014/10/02 职场文书
2014年环保局工作总结
2014/12/11 职场文书
还款承诺书范本
2015/01/20 职场文书
加入学生会自荐书
2015/03/05 职场文书
宾馆卫生管理制度
2015/08/06 职场文书
导游词之无锡东林书院
2019/12/11 职场文书
如何用threejs实现实时多边形折射
2021/05/07 Javascript
MybatisPlus代码生成器的使用方法详解
2021/06/13 Java/Android
Mysql忘记密码解决方法
2022/02/12 MySQL