概述:

前面主要是html数据,这里主要是json数组
1.格式
jsTree需要一个具体格式JSON数据,在标准的语法没有那个字段是必须的-而是那些是你需要的。请记住你可以获取任何你请求的其他属性,jsTree将会不会碰他们,你将有可能在随后使用它们。
为了改变节点的图标你可以是用属性icon。具体的字符串需要包含/的一个图片的url路径,你可以使用任何其它字符串应用类样式去修饰<i>元素,它将会被用呈现这个图标。你可以使用boolean 值false来jsTree在渲染节点时没有图标。
你可以设置一个节点的状态使用state属性,它值可以使如下值得组合:opened,selected,disabled.
li_attr和a_attr可以直接通过jQuery属性函数获取。
当使用AJAX设置children为false,jsTree将会将渲染这个节点为关闭状态,如果需要打开的时候需要发送额外的请求。
如何内部children都应该遵循相同的格式,或者是普通字符串(这个字符串作为普通文本和任何其它自动生成的)
// Expected format of the node (there are no required fields)
{
id : "string" // will be autogenerated if omitted
text : "string" // node text
icon : "string" // string for custom
state : {
opened : boolean // is the node open
disabled : boolean // is the node disabled
selected : boolean // is the node selected
},
children : [] // array of strings or objects
li_attr : {} // attributes for the generated LI node
a_attr : {} // attributes for the generated A node
}
2.可选择JSON格式
如果你不想使用内部children的方式,你可以使用可选语法,每个节点需要包含两个必须字段:id和parent,没有children属性(其它都保持这个格式)
jsTree将会自动构建这个层次关系,为表明一个节点应该是根节点可是设置parent属性为"#".
这个种方式大多数用于一次性渲染整棵树,这个数据存储在数据库之间有联结关系。
为了使用JSON来渲染一棵树,你需要使用$.jstree.defaults.core.data配置选项
这个希望格式为一个数组节点。每个节点应该是一个如上所描述的对象或者是一个简单的字符串(这种情况字符串被用来作为一个节点的文本替换自动生成的文本),任何内部子节点格式是一样的。
// Alternative format of the node (id & parent are required)
{
id : "string" // required
parent : "string" // required
text : "string" // node text
icon : "string" // string for custom
state : {
opened : boolean // is the node open
disabled : boolean // is the node disabled
selected : boolean // is the node selected
},
li_attr : {} // attributes for the generated LI node
a_attr : {} // attributes for the generated A node
}
3.使用JSON
为了使用JSON来渲染一棵树,你需要使用$.jstree.defaults.core.data配置选项。
这个希望格式为一个数组节点。每个节点应该是一个如上所描述的对象或者是一个简单的字符串(这种情况字符串被用来作为一个节点的文本替换自动生成的文本),任何内部子节点格式是一样的。
$('#using_json').jstree({ 'core' : {
'data' : [
'Simple root node',
{
'text' : 'Root node 2',
'state' : {
'opened' : true,
'selected' : true
},
'children' : [
{ 'text' : 'Child 1' },
'Child 2'
]
}
]
} });
4.使用可选json格式
$('#using_json_2').jstree({ 'core' : {
'data' : [
{ "id" : "ajson1", "parent" : "#", "text" : "Simple root node" },
{ "id" : "ajson2", "parent" : "#", "text" : "Root node 2" },
{ "id" : "ajson3", "parent" : "ajson2", "text" : "Child 1" },
{ "id" : "ajson4", "parent" : "ajson2", "text" : "Child 2" },
]
} });
5.使用AJAX
你可以使用AJAX向服务器请求返回一个json数据来渲染树,这个格式如上所示,这里唯一不同就是JSON是不可见,它是服务器返回的。
为了使用这个特性,你需要使用$.jstree.defaults.core.data配置选项。
仅仅是使用标准jquery像AJAX配置和jstree将会自动做出一个AJAX请求而返回数据。
除了标准jQuery ajax选项,你可以提供data函数和url路径,这个功能将会运行当前的实例范围内,一个参数被通过表明这个节点被加载了,这个返回值将会用作各自的URL和data。
如果你并不会返回json头部信息,至少设置数据类型 jQuery AJAX的选项为“json”。
6.使用函数
你可以提供一个函数,这个函数将会接受两个参数,节点加载和回调函数。
$('#tree').jstree({
'core' : {
'data' : function (obj, cb) {
cb.call(this,
['Root 1', 'Root 2']);
}
}});
# JSON
# 树
# jstree
# 基于jstree使用AJAX请求获取数据形成树
# jstree创建无限分级树的方法【基于ajax动态创建子节点】
# 基于BootStrap Metronic开发框架经验小结【二】列表分页处理和插件JSTree的使用
# jsTree 基于JQuery的排序节点 Bug
# jquery下jstree简单应用 - v1.0
# jquery.jstree 增加节点的双击事件代码
# 基于jsTree的无限级树JSON数据的转换代码
# JQery jstree 大数据量问题解决方法
# jsTree树控件(基于jQuery
# 超强悍)[推荐]
# jsTree事件和交互以及插件plugins详解
# 你可以
# 将会
# 是一个
# 如果你
# 自动生成
# 这种情况
# 作为一个
# 可选
# 一棵树
# 格式为
# 主要是
# 加载
# 有可能
# 是一样的
# 它是
# 或者是
# 仅仅是
# 可以直接
# 所示
# 你将
相关文章:
如何批量查询域名的建站时间记录?
如何获取免费开源的自助建站系统源码?
制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站?
高端网站建设与定制开发一站式解决方案 中企动力
如何快速搭建响应式可视化网站?
免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况?
网站网页制作专业公司,怎样制作自己的网页?
如何在沈阳梯子盘古建站优化SEO排名与功能模块?
魔毅自助建站系统:模板定制与SEO优化一键生成指南
建站之星如何配置系统实现高效建站?
北京的网站制作公司有哪些,哪个视频网站最好?
如何在阿里云服务器自主搭建网站?
如何设置并定期更换建站之星安全管理员密码?
如何用美橙互联一键搭建多站合一网站?
已有域名和空间如何快速搭建网站?
存储型VPS适合搭建中小型网站吗?
建站中国官网:模板定制+SEO优化+建站流程一站式指南
建站之星代理平台如何选择最佳方案?
品牌网站制作公司有哪些,买正品品牌一般去哪个网站买?
建站主机选虚拟主机还是云服务器更好?
定制建站是什么?如何实现个性化需求?
c++ stringstream用法详解_c++字符串与数字转换利器
如何零成本快速生成个人自助网站?
广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网?
如何通过NAT技术实现内网高效建站?
建站之星如何防范黑客攻击与数据泄露?
微网站制作教程,我微信里的网站怎么才能复制到浏览器里?
大连网站设计制作招聘信息,大连投诉网站有哪些?
建站之星免费版是否永久可用?
高端智能建站公司优选:品牌定制与SEO优化一站式服务
巅云智能建站系统:可视化拖拽+多端适配+免费模板一键生成
建站之星云端配置指南:模板选择与SEO优化一键生成
如何用PHP快速搭建CMS系统?
C++如何编写函数模板?(泛型编程入门)
青岛网站建设如何选择本地服务器?
潍坊网站制作公司有哪些,潍坊哪家招聘网站好?
如何快速搭建高效服务器建站系统?
如何处理“XML格式不正确”错误 常见XML well-formed问题解决方法
如何在阿里云虚拟主机上快速搭建个人网站?
如何在景安服务器上快速搭建个人网站?
学校为何禁止电信移动建设网站?
如何在Windows环境下新建FTP站点并设置权限?
如何通过虚拟机搭建网站?详细步骤解析
建站之星伪静态规则如何正确配置?
网站建设制作需要多少钱费用,自己做一个网站要多少钱,模板一般多少钱?
如何在腾讯云免费申请建站?
建站主机是什么?如何选择适合的建站主机?
建站IDE高效指南:快速搭建+SEO优化+自适应模板全解析
招贴海报怎么做,什么是海报招贴?
详解jQuery停止动画——stop()方法的使用
*请认真填写需求信息,我们会在24小时内与您取得联系。