手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >ExtJs动态生成treepanel的Json格式
ExtJs动态生成treepanel的Json格式
摘要:在节点中加上"checked"属性,会自动生成checkbox。获取选中节点varnodeArray="";varnodesObj=mytr...

在节点中加上"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 }] }]

以上所述就是本文的全部内容了,希望大家能够喜欢。

【ExtJs动态生成treepanel的Json格式】相关文章:

jQuery实现html表格动态添加新行的方法

js动态创建及移除div的方法

JQuery实现带排序功能的权限选择实例

百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换

图片完美缩放

Jquery动态添加输入框的方法

动态加载jQuery的方法

JavaScript正则表达式中的global属性的使用

日历-指定日期的新闻

javascript动态设置样式style实例分析

精品推荐
分类导航