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

  

<强>概述:
  

  

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

  

1,代码
  

     //权限分配   $(" #权威”).click(函数(){   $ (" # jstree ") .jstree ({   “核心”:{   "主题":{   “响应”:假的   },//创建工作   “check_callback”:没错,   “数据”:函数(obj,回调){   var jsonstr=癧]”;   jsonarray var=eval (' (' + jsonstr + ') ');   . ajax({美元   类型:“获得”,   url:“/演示/权力/getAuthoritys”,   数据类型:“json”,   异步:假的,   成功:函数(结果){   var数组=结果;   (var=0;i之前      

<强>总结:
  

  

“响应”:错误的:表示主题是否适应手机类小尺寸屏幕,默认为假
  “check_callback”:正确的:表示形成树是否可以重新组织,也是改变顺序、层次关系
  回调。jsonarray调用(,):将数组放入树形
  类型:{}设置类型,图标
  ,“状态”:{“关键”:“以及接下来”}:将选中的状态保存浏览器中
  “插件”:[" dnd”、“国家”、“类型”、“复选框”、“wholerow”)表示插件相关,详情参考点击打开链接
  url路径换成你后台地址,返回时json数组
  

  

2, html标签
  

        & lt; !——权限分配模框——比;   & lt; div类="模态消失" id=皊etAuthority”比;   & lt; div类=澳L曰翱颉北?   & lt; div class="模式内容message_align”比;   & lt; div类=癿odal-header”比;   & lt;按钮类型=鞍磁ァ眂lass=肮乇铡眃ata-dismiss=澳L?   aria-label=肮乇铡北?   & lt;跨度aria-hidden=" true "祝辞×& lt;/span>   & lt;/button>   & lt; h5类=" modal-title "祝辞权限分配& lt;/h5>   & lt;/div>   & lt; div类=癿odal-body”比;   & lt; div id=癹stree”比;      & lt;/div>   & lt;/div>   & lt; div类=癿odal-footer”比;   & lt;输入类型="隐藏" id=" url "/比;   & lt;按钮类型=鞍磁ァ崩?癰tn btn-default data-dismiss”=澳L弊4侨∠? lt;/button>   & lt;一个类=" btn btn-success "   data-dismiss=澳L弊4侨范? lt;/a>   & lt;/div>   & lt;/div>   & lt; !——/DJ侥谌荨?   & lt;/div>   & lt; !——/DL曰翱颉?   & lt;/div>   之前      

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

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