手机
当前位置:查字典教程网 >编程开发 >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实现动态添加删除评论的方法

简介JavaScript中getUTCMonth()方法的使用

Jquery实现动态切换图片的方法

图片完美缩放

JS选项卡动态替换banner图片路径的方法

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

JavaScript 预解析的原理及实现

JS实现动态生成表格并提交表格数据向后端

动态提示的下拉框

javascript 动态添加表格行

精品推荐
分类导航