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字符集
May 22 Javascript
Windows 系统下安装和部署Egret的开发环境
Jul 31 Javascript
Egret引擎开发指南之创建项目
Sep 03 Javascript
node.js回调函数之阻塞调用与非阻塞调用
Nov 13 Javascript
Document.body.scrollTop的值总为零的快速解决办法
Jun 09 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单
Nov 25 Javascript
Node.js发送HTTP客户端请求并显示响应结果的方法示例
Apr 12 Javascript
Vue组件tree实现树形菜单
Apr 13 Javascript
AngularJS select设置默认值的实现方法
Aug 25 Javascript
JS实现分页浏览横向图片(类轮播)实例代码
Nov 06 Javascript
详解webpack自定义loader初探
Aug 29 Javascript
如何安装控制器JavaScript生成插件详解
Oct 21 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定义字符串的四种方式详解
2018/02/06 PHP
PHP实现的数组和XML文件相互转换功能示例
2018/03/15 PHP
【消息提示组件】,兼容IE6/7&amp;&amp;FF2
2007/09/04 Javascript
AeroWindow 基于JQuery的弹出窗口插件
2011/06/27 Javascript
js取值中form.all和不加all的区别介绍
2014/01/20 Javascript
nodejs中简单实现Javascript Promise机制的实例
2014/12/06 NodeJs
JavaScript限定图片显示大小的方法
2015/03/11 Javascript
Angularjs的ng-repeat中去除重复数据的方法
2016/08/05 Javascript
mui上拉加载功能实例详解
2017/04/13 Javascript
Express使用html模板的详细代码
2017/09/18 Javascript
慕课网题目之js实现抽奖系统功能
2017/09/19 Javascript
老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)
2018/09/19 Javascript
详解用场景去理解函数柯里化(入门篇)
2019/04/11 Javascript
Vue.use()在new Vue() 之前使用的原因浅析
2019/08/26 Javascript
vue 解决异步数据更新问题
2019/10/29 Javascript
JavaScript canvas绘制圆弧与圆形
2020/02/18 Javascript
原生javascript制作贪吃蛇小游戏的方法分析
2020/02/26 Javascript
js验证密码强度解析
2020/03/18 Javascript
[03:51]吞吞映像 每周精彩击杀top10第二弹
2014/06/25 DOTA
Python实现将HTML转换成doc格式文件的方法示例
2017/11/20 Python
python查看模块,对象的函数方法
2018/10/16 Python
Python rstrip()方法实例详解
2018/11/11 Python
python微信好友数据分析详解
2018/11/19 Python
Python从入门到精通之环境搭建教程图解
2019/09/26 Python
Python数据持久化存储实现方法分析
2019/12/21 Python
Python标准库shutil模块使用方法解析
2020/03/10 Python
python矩阵运算,转置,逆运算,共轭矩阵实例
2020/05/11 Python
Python使用configparser读取ini配置文件
2020/05/25 Python
使paramiko库执行命令时在给定的时间强制退出功能的实现
2021/03/03 Python
CSS3轻松实现清新 Loading 效果的简单实例
2016/06/06 HTML / CSS
CSS3实现水平居中、垂直居中、水平垂直居中的实例代码
2020/02/27 HTML / CSS
啤酒销售实习自我鉴定
2013/09/24 职场文书
小学运动会加油稿
2015/07/22 职场文书
大学生党课心得体会
2016/01/07 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书
springboot读取resources下文件的方式详解
2022/06/21 Java/Android