• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > ExtJs动态生成treepanel的Json格式

ExtJs动态生成treepanel的Json格式

作者: 字体:[增加 减小] 来源:互联网

通过本文主要向大家介绍了ExtJs,treepanel等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

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

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

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • ExtJs动态生成treepanel的Json格式
  • 使用FlexiGrid实现Extjs表格效果方法分享
  • jquery 插件开发 extjs中的extend用法小结
  • jQuery与ExtJS之选择实例分析
  • jQuery EasyUI 开源插件套装 完全替代ExtJS

相关文章

  • jquery实现简单易懂的图片展示小例子
  • 基于jquery实现鼠标左右拖动滑块滑动附源码下载
  • jQuery延迟执行的实现方法
  • 基于jQuery实现二级下拉菜单效果
  • jQuery弹出层插件popShow用法示例
  • jQuery中的deferred对象和extend方法详解
  • jQuery使用EasyUi实现三级联动下拉框效果
  • jquery设置表单元素为不可用的简单代码
  • JQuery UI的拖拽功能实现方法小结
  • jQuery+CSS3实现四种应用广泛的导航条制作实例详解

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 来自国外的30个基于jquery的Web下拉菜单
    • jquery struts 验证唯一标识(公用方法)
    • jQuery实现鼠标滑过遮罩并高亮显示效果
    • jQuery position() 函数详解以及jQuery中position函数的应用
    • PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解
    • jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
    • 详解jQuery中基本的动画方法
    • jquery实现的一个文章自定义分段显示功能
    • jquery实现奇偶行赋值不同css值
    • jQuery给表格添加分页效果

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有