微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

基于jstree使用AJAX请求获取数据形成树

概述:

一般情况下都是通过ajax进行请求获取数据。boostrap+ajax

1、代码

rush:js;"> //权限分配 $('#authority').click(function() { $("#jstree").jstree({ "core" : { "themes" : { "responsive": false },// so that create works "check_callback" : true,'data' : function (obj,callback) { var jsonstr="[]"; var jsonarray = eval('('+jsonstr+')'); $.ajax({ type: "GET",url:"/demo/authority/getAuthoritys",dataType:"json",async: false,success:function(result) { var arrays= result; for(var i=0 ; i }); callback.call(this,jsonarray); } },"types" : { "default" : { "icon" : "glyphicon glyphicon-flash" },"file" : { "icon" : "glyphicon glyphicon-ok" } },"state" : { "key" : "demo2" },"plugins" : [ "dnd","state","types","checkbox","wholerow" ] }); $('#setAuthority').modal();

});

总结:

"responsive": false :表示主题是否适应手机类小尺寸屏幕,默认为false "check_callback" : true:表示形成树是否可以重新组织,也是改变顺序,层次关系 callback.call(this,jsonarray):将数组放入树形 types:{}设置类型,图标 "state" : { "key" : "demo2" }:将选中的状态保存浏览器中 "plugins" : [ "dnd","wholerow" ] 表示插件相关,详情参考点击 url路径换成你后台地址,返回时json数组

2、html标签

rush:xhtml;">

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐