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 相关文章推荐
自适应图片大小的弹出窗口
Jul 27 Javascript
javascript学习笔记(十) js对象 继承
Jun 19 Javascript
多次注册事件会导致一个事件被触发多次的解决方法
Aug 12 Javascript
JS中typeof与instanceof之间的区别总结
Nov 14 Javascript
node.js中的events.EventEmitter.listenerCount方法使用说明
Dec 08 Javascript
JavaScript递归操作实例浅析
Oct 31 Javascript
JavaScript函数绑定用法实例分析
Nov 14 Javascript
Angular实现较为复杂的表格过滤,删除功能示例
Dec 23 Javascript
vue 项目常用加载器及配置详解
Jan 22 Javascript
微信小程序开发之改变data中数组或对象的某一属性值
Jul 05 Javascript
vue生命周期和react生命周期对比【推荐】
Sep 19 Javascript
微信小程序实现留言功能
Oct 31 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用户名的密码加密更安全的方法
2019/06/21 PHP
laravel5.6中的外键约束示例
2019/10/23 PHP
图片上传即时显示缩略图的js代码
2009/05/27 Javascript
Javascript 作用域使用说明
2009/08/13 Javascript
基于jQuery的弹出消息插件 DivAlert之旅(一)
2010/04/01 Javascript
读jQuery之三(构建选择器)
2011/06/11 Javascript
JavaScript 选中文字并响应获取的实现代码
2011/08/28 Javascript
漂亮的jquery提示效果(仿腾讯弹出层)
2013/02/05 Javascript
js实现的早期滑动门菜单效果代码
2015/08/27 Javascript
js实现完美兼容各大浏览器的人民币大小写相互转换
2015/10/29 Javascript
JavaScript实现身份证验证代码
2016/02/17 Javascript
第一篇初识bootstrap
2016/06/21 Javascript
js改变style样式和css样式的简单实例
2016/06/28 Javascript
angular.js 路由及页面传参示例
2017/02/24 Javascript
Angular中使用better-scroll插件的方法
2018/03/27 Javascript
webpack 开发和生产并行设置的方法
2018/11/08 Javascript
Vue axios全局拦截 get请求、post请求、配置请求的实例代码
2018/11/28 Javascript
简单了解Ajax表单序列化的实现方法
2019/06/14 Javascript
layui prompt 设置允许空白提交的方法
2019/09/24 Javascript
vue中使用极验验证码的方法(附demo)
2019/12/04 Javascript
解决Pycharm中import时无法识别自己写的程序方法
2018/05/18 Python
使用python的pandas库读取csv文件保存至mysql数据库
2018/08/20 Python
详解Python实现进度条的4种方式
2020/01/15 Python
Python实现不规则图形填充的思路
2020/02/02 Python
python GUI库图形界面开发之PyQt5表单布局控件QFormLayout详细使用方法与实例
2020/03/06 Python
2020版Python学习路线图(附学习资料)
2020/09/15 Python
html5中JavaScript removeChild 删除所有节点
2014/05/16 HTML / CSS
eDreams澳大利亚:预订机票、酒店和度假产品
2017/04/19 全球购物
高中生毕业自我鉴定范文
2013/12/22 职场文书
小学生新学期寄语
2014/01/19 职场文书
《曹刿论战》教学反思
2014/03/02 职场文书
单位租房协议书范本
2014/12/04 职场文书
老乡聚会通知
2015/04/23 职场文书
幼儿园开学家长寄语(2016秋季)
2015/12/03 职场文书
担保书怎么写 ?
2019/04/22 职场文书
创业计划书之青年旅馆
2019/09/23 职场文书