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 EasyUI 开源插件套装 完全替代ExtJS
Mar 24 Javascript
加载 Javascript 最佳实践
Oct 30 Javascript
通过jQuery源码学习javascript(一)
Dec 27 Javascript
Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码
Apr 26 Javascript
关于onchange事件在IE和FF下的表现及解决方法
Mar 08 Javascript
JavaScript实现N皇后问题算法谜题解答
Dec 29 Javascript
js实现点击按钮后给Div图层设置随机背景颜色的方法
May 06 Javascript
jQuery-1.9.1源码分析系列(十一)DOM操作续之克隆节点
Dec 01 Javascript
微信小程序-图片、录音、音频播放、音乐播放、视频、文件代码实例
Nov 22 Javascript
微信小程序scroll-view实现横向滚动和上拉加载示例
Mar 06 Javascript
BackBone及其实例探究_动力节点Java学院整理
Jul 14 Javascript
vue-cli配置文件——config篇
Jan 04 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开发中常用的8个小技巧
2008/08/27 PHP
Yii2实现上下联动下拉框功能的方法
2016/08/10 PHP
PHP简单实现图片格式转换(jpg转png,gif转png等)
2019/10/30 PHP
JS 页面内容搜索,类似于 Ctrl+F功能的实现代码
2007/08/13 Javascript
jValidate 基于jQuery的表单验证插件
2009/12/12 Javascript
js函数调用常用方法详解
2012/12/03 Javascript
eclipse导入jquery包后报错的解决方法
2014/02/17 Javascript
javascript学习笔记(六)数据类型和JSON格式
2014/10/08 Javascript
jQuery实现首页图片淡入淡出效果的方法
2015/06/10 Javascript
jquery判断当前浏览器的实现代码
2015/11/07 Javascript
详解javascript高级定时器
2015/12/31 Javascript
javascript原型继承工作原理和实例详解
2016/04/07 Javascript
快速解决Canvas.toDataURL 图片跨域的问题
2016/05/10 Javascript
Js操作DOM元素及获取浏览器高宽的简单方法
2016/09/08 Javascript
Javascript基础回顾之(二) js作用域
2017/01/31 Javascript
React Native中导航组件react-navigation跨tab路由处理详解
2017/10/31 Javascript
vue中slot(插槽)的介绍与使用
2018/11/12 Javascript
微信小程序后端无法保持session的原因及解决办法问题
2020/03/20 Javascript
JavaScript实现放大镜效果代码示例
2020/04/29 Javascript
js+css实现扇形导航效果
2020/08/18 Javascript
使用pandas中的DataFrame数据绘制柱状图的方法
2018/04/10 Python
pandas取出重复数据的方法
2019/07/04 Python
python查找重复图片并删除(图片去重)
2019/07/16 Python
python实现简单的tcp 文件下载
2020/09/16 Python
程序设计HTML5 Canvas API
2013/04/08 HTML / CSS
为智能设备设计个性化保护套网站:caseable
2017/01/05 全球购物
柒牌官方商城:中国男装优秀品牌
2017/06/30 全球购物
L’AGENCE官网:加州女装品牌
2018/06/03 全球购物
英国森林假期:Forest Holidays
2021/01/01 全球购物
专业技术人员年度考核评语
2014/12/31 职场文书
婚礼女方父母答谢词
2015/01/04 职场文书
发布会邀请函
2015/01/31 职场文书
2016年优秀班主任先进事迹材料
2016/02/26 职场文书
小学一年级语文教学反思
2016/03/03 职场文书
Vue鼠标滚轮滚动切换路由效果的实现方法
2021/08/04 Vue.js
Go语言 详解net的tcp服务
2022/04/14 Golang