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 31 Javascript
简单实现jQuery弹幕效果
May 06 jQuery
jQuery+PHP+Mysql实现抽奖程序
Apr 12 jQuery
AngularJS实现自定义指令与控制器数据交互的方法示例
Jun 19 Javascript
AngularJs分页插件使用详解
Jun 30 Javascript
js实现敏感词过滤算法及实现逻辑
Jul 24 Javascript
JavaScript事件对象event用法分析
Jul 27 Javascript
JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】
Dec 12 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【圆形情况】
Dec 13 Javascript
js的各种数据类型判断的介绍
Jan 19 Javascript
JS倒计时两种实现方式代码实例
Jul 27 Javascript
前端 javascript 实现文件下载的示例
Nov 24 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 CURL CURLOPT参数说明(curl_setopt)
2013/09/30 PHP
php实现可运算的验证码
2015/11/10 PHP
php中bind_param()函数用法分析
2017/03/28 PHP
php微信分享到朋友圈、QQ、朋友、微博
2019/02/18 PHP
PHP数组array类常见操作示例
2020/05/15 PHP
JavaScript的面向对象(二)
2006/11/09 Javascript
IE与Firefox下javascript getyear年份的兼容性写法
2007/12/20 Javascript
js控制href内容的连接内容的变化示例
2014/04/30 Javascript
javascript实现字符串反转的方法
2015/02/05 Javascript
React-intl 实现多语言的示例代码
2017/11/03 Javascript
浅谈Vuex@2.3.0 中的 state 支持函数申明
2017/11/22 Javascript
深入理解Vue 组件之间传值
2018/08/16 Javascript
react写一个select组件的实现代码
2019/04/03 Javascript
Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)
2020/02/05 Javascript
vue 解决data中定义图片相对路径页面不显示的问题
2020/08/13 Javascript
Vue Element校验validate的实例
2020/09/21 Javascript
[41:41]TFT vs Secret Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
Python实现在线程里运行scrapy的方法
2015/04/07 Python
python中assert用法实例分析
2015/04/30 Python
python多线程socket编程之多客户端接入
2017/09/12 Python
Python延时操作实现方法示例
2018/08/14 Python
python 判断文件还是文件夹的简单实例
2019/06/10 Python
pip/anaconda修改镜像源,加快python模块安装速度的操作
2021/03/04 Python
Html5应用程序缓存(Cache manifest)
2018/06/04 HTML / CSS
HTML5中input输入框默认提示文字向左向右移动的示例代码
2020/09/10 HTML / CSS
年度考核自我评价
2014/01/25 职场文书
安全生产活动月方案
2014/03/09 职场文书
中华在我心中演讲稿
2014/09/13 职场文书
刑事代理授权委托书
2014/09/17 职场文书
税务干部个人整改措施思想汇报
2014/10/10 职场文书
教师廉洁自律个人总结
2015/02/10 职场文书
公司表扬信格式
2015/05/04 职场文书
css3实现背景图片半透明内容不透明的方法示例
2021/04/13 HTML / CSS
通过Qt连接OpenGauss数据库的详细教程
2021/06/23 PostgreSQL
基于Python实现将列表数据生成折线图
2022/03/23 Python
利用Python将list列表写入文件并读取的方法汇总
2022/03/25 Python