概述:

前面主要是html数据,这里主要是json数组

1.格式

jstree需要一个具体格式json数据,在标准的语法没有那个字段是必须的-而是那些是你需要的。请记住你可以获取任何你请求的其他属性,jstree将会不会碰他们,你将有可能在随后使用它们。

为了改变节点的图标你可以是用属性icon。具体的字符串需要包含/的一个图片的url路径,你可以使用任何其它字符串应用类样式去修饰元素,它将会被用呈现这个图标。你可以使用boolean 值false来jstree在渲染节点时没有图标。

你可以设置一个节点的状态使用state属性,它值可以使如下值得组合:opened,selected,disabled.

li_attr和a_attr可以直接通过jquery属性函数获取。

当使用ajax设置children为false,jstree将会将渲染这个节点为关闭状态,如果需要打开的时候需要发送额外的请求。

如何内部children都应该遵循相同的格式,或者是普通字符串(这个字符串作为普通文本和任何其它自动生成的)

2.可选择json格式

如果你不想使用内部children的方式,你可以使用可选语法,每个节点需要包含两个必须字段:id和parent,没有children属性(其它都保持这个格式)

jstree将会自动构建这个层次关系,为表明一个节点应该是根节点可是设置parent属性为"#".

这个种方式大多数用于一次性渲染整棵树,这个数据存储在数据库之间有联结关系。

为了使用json来渲染一棵树,你需要使用$.jstree.defaults.core.data配置选项

这个希望格式为一个数组节点。每个节点应该是一个如上所描述的对象或者是一个简单的字符串(这种情况字符串被用来作为一个节点的文本替换自动生成的文本),任何内部子节点格式是一样的。

3.使用json

为了使用json来渲染一棵树,你需要使用$.jstree.defaults.core.data配置选项。

这个希望格式为一个数组节点。每个节点应该是一个如上所描述的对象或者是一个简单的字符串(这种情况字符串被用来作为一个节点的文本替换自动生成的文本),任何内部子节点格式是一样的。

4.使用可选json格式

5.使用ajax

你可以使用ajax向服务器请求返回一个json数据来渲染树,这个格式如上所示,这里唯一不同就是json是不可见,它是服务器返回的。

为了使用这个特性,你需要使用$.jstree.defaults.core.data配置选项。

仅仅是使用标准jquery像ajax配置和jstree将会自动做出一个ajax请求而返回数据。

除了标准jquery ajax选项,你可以提供data函数和url路径,这个功能将会运行当前的实例范围内,一个参数被通过表明这个节点被加载了,这个返回值将会用作各自的url和data。

如果你并不会返回json头部信息,至少设置数据类型 jquery ajax的选项为“json”。

6.使用函数

你可以提供一个函数,这个函数将会接受两个参数,节点加载和回调函数。

原文链接:http://www.cnblogs.com/telwanggs/p/7447915.html

java tree json,基于jstree使用JSON数据组装成树相关推荐

  1. html5树json,jstree -- 使用JSON 数据组装成树

    概述:html 前面主要是html数据,这里主要是json数组java 1.格式 jsTree须要一个具体格式JSON数据,在标准的语法没有那个字段是必须的-而是那些是你须要的.请记住你能够获取任何你 ...

  2. java 连接janusgraph_基于JanusGraph的大数据图数据库

    导读 知识图谱是近来很火的概念,很多领域都希望能用知识图谱解决一些问题.在零售领域其实也有使用知识图谱的场景,比如阿里使用知识图谱进行商品智能导购以及商品"巡检",而我想试验着把知 ...

  3. java集合转js数值,基于jsTree的无限级树JSON数据的转换

    评论 # re: 基于jsTree的无限级树JSON数据的转换  回复  更多评论 exttree最好了!配合dwr ok 2009-05-05 22:50 | 大罗卜 # re: 基于jsTree的 ...

  4. 基于jsTree的无限级树JSON数据的转换

    jstree 主页 : http://www.jstree.com/ 其中提供了一种从后台取数据渲染成树的形式: $("#mytree").tree({data : {type : ...

  5. java构建json_Java构造和解析Json数据的两种方法详解一

    在www.json.org上公布了很多JAVA下的json构造和解析工具,其中org.json和json-lib比较简单,两者使用上差不多但还是有些区别.下面首先介绍用json-lib构造和解析Jso ...

  6. Java使用get请求接收List集合数据(json)并导出报表

    Java使用get请求接收List集合数据(json)并导出报表 文章目录 Java使用get请求接收List集合数据(json)并导出报表 前言 一.实现分析 二.Maven依赖(基于EasyExc ...

  7. java缓存同步_浅谈JSON的数据交换、缓存问题和同步问题

    JSON轻量级的数据交换格式 相对于XML来说,JSON的解析速度更快,文档更小. JSON的格式 {属性名:属性值,属性名:属性值,--} 属性名的类型可以是string,number,boolea ...

  8. java 线程 listview_android使用Thread实现json数据的传递,并且使用ListView显示

    分类: Android平台 2014-03-06 17:06:56 在android 4.0以后,不能在主线程中使用网路资源.所以对于使用json传递的数据,我们要用它直接生成Listview会报一个 ...

  9. Java获取并解析服务器端的JSON数据包

    最近做spring boot项目,需要从微信api获取用户数据,并加以解析,转换成Java中的对象,所以就决定写一个JSONAnalysis静态工具类,在需要的时候只需调用该方法即可. 参考资料: J ...

最新文章

  1. 【Codeforces】920A Water The Garden(浇花)
  2. js获取本周、本月、本季、本年的第一天
  3. 透过散射薄膜成像方案整理
  4. 使用 Visual Studio Code SQLite 扩展来浏览 SAP Cloud Application Programming 数据库
  5. 东航期货模拟交易brockerid(期货公司的客户号)
  6. Spring MVC开发步骤以及执行流程
  7. php strpbrk,PHP 字符串
  8. 11gR2rac的两个bug
  9. http://blog.csdn.net/jiazimo/article/details/17265061
  10. Linux设备驱动模型-Kset
  11. 全球与中国弹簧探针市场深度研究分析报告(2022)
  12. QQ自由幻想刺客的属性点
  13. excel表格横向纵向变换_从Python到Excel
  14. Apple 的 WWDC 2022 活动时间以及观看方法
  15. C++ 语言禁止派生类 - final specifier
  16. nuget程序包还原失败:未能解析此远程名称
  17. 2345好压下载|2345好压软件下载
  18. network “xxxx“ is declared as external
  19. Android-Tips
  20. uni-app 实现用户点击后自动拨打指定电话号码

热门文章

  1. AltiumDesigner14.3.X系列软件安装及破解过程
  2. c语言最小点对问题_C语言教程(一):程序开发理论基础!
  3. 怎么merge分支_实战 Git 分支策略
  4. 微信小程序业务-字符串生成二维码(weapp-qrcode)
  5. python通过api获取数据_在一次点击PythonRequests中从API获取所有数据
  6. c++11 yield函数的使用
  7. osg专业名词:LOD、数据分页、动态调度
  8. 你没有权限在此位置中保持文件 java_Java路径问题解决方案收集
  9. python自动化测试——测试报告以附件形式发送邮件
  10. RabbitMQ系列(一)RabbitMQ在Ubuntu上的环境搭建