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实现原理的模拟代码 -6 代码下载
Aug 16 Javascript
打造基于jQuery的高性能TreeView(asp.net)
Feb 23 Javascript
jquery实现网页的页面平滑滚动效果代码
Nov 02 Javascript
JS实现的新浪微博大厅文字内容滚动效果代码
Nov 05 Javascript
JavaScript关于提高网站性能的几点建议(一)
Jul 24 Javascript
禁用backspace网页回退功能的实现代码
Nov 15 Javascript
Bootstrap基本组件学习笔记之面板(14)
Dec 08 Javascript
Web开发使用Angular实现用户密码强度判别的方法
Sep 27 Javascript
详解如何在你的Vue项目配置vux
Jun 04 Javascript
微信小程序可滑动月日历组件使用详解
Oct 21 Javascript
Vue实现可移动水平时间轴
Jun 29 Javascript
Vue管理系统前端之组件拆分封装详解
Aug 23 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实现mysql数据库备份类
2008/03/20 PHP
PHP文件读写操作之文件写入代码
2011/01/13 PHP
PHP判断数组是否为空的常用方法(五种方法)
2017/02/08 PHP
Laravel监听数据库访问,打印SQL的例子
2019/10/24 PHP
Yii中特殊行为ActionFilter的使用方法示例
2020/10/18 PHP
实现连缀调用的map方法(prototype)
2009/08/05 Javascript
Javascript面向对象设计一 工厂模式
2011/12/20 Javascript
jQuery学习笔记之控制页面实现代码
2012/02/27 Javascript
5个数组Array方法: indexOf、filter、forEach、map、reduce使用实例
2015/01/29 Javascript
JavaScript判断字符长度、数字、Email、电话等常用判断函数分享
2015/04/01 Javascript
jQuery+HTML5实现图片上传前预览效果
2015/08/20 Javascript
jquery带下拉菜单和焦点图代码分享
2015/08/24 Javascript
JavaScript中this详解
2015/09/01 Javascript
Node.js的项目构建工具Grunt的安装与配置教程
2016/05/12 Javascript
jQuery 局部div刷新和全局刷新方法总结
2016/10/05 Javascript
BootStrap按钮标签及基本样式
2016/11/23 Javascript
微信页面倒计时代码(解决safari不兼容date的问题)
2016/12/13 Javascript
解析NodeJS异步I/O的实现
2017/04/13 NodeJs
jQuery实现的简单在线计算器功能
2017/05/11 jQuery
Angularjs添加排序查询功能的实例代码
2017/10/24 Javascript
vue引入ueditor及node后台配置详解
2018/01/03 Javascript
nodejs简单读写excel内容的方法示例
2018/03/16 NodeJs
vue.js高德地图实现热点图代码实例
2019/04/18 Javascript
[46:40]VGJ.T vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python中pip更新和三方插件安装说明
2018/07/08 Python
Flask框架钩子函数功能与用法分析
2019/08/02 Python
python实现批处理文件
2020/07/28 Python
html5中svg canvas和图片之间相互转化思路代码
2014/01/24 HTML / CSS
2014年五四青年节活动方案
2014/03/29 职场文书
护理专科毕业自荐信范文
2014/04/21 职场文书
2015学校师德师风工作总结
2015/04/22 职场文书
离婚答辩状范文
2015/05/22 职场文书
2015中秋节晚会开场白
2015/07/30 职场文书
自定义函数实现单词排序并运用于PostgreSQL(实现代码)
2021/04/22 PostgreSQL
javascript进阶篇深拷贝实现的四种方式
2022/07/07 Javascript
MySQL生成千万测试数据以及遇到的问题
2022/08/05 MySQL