EasyUI使用tree方法生成樹形結構加載兩次的問題

html代碼中利用class聲明瞭easyui-tree,致使easyUI解析class代碼的時候先解析class聲明中的easyui-tree這樣組件就請求了一次url;而後又調用js初始化代碼請求一次url。這樣致使了重複加載,解決的方法就是隻用一種初始化方法來聲明easyUI組件以免重複的提交請求,即刪除html中的class聲明(class="easyui-tree");javascript

加載兩次的寫法:php

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
< div  class = "easyui-panel"  style = "padding:5px;height:300px;" >
     < ul  id = "roleTree"  class = "easyui-tree" ></ ul >
</ div >
< script  type = "text/javascript" >
     $(document).ready(function(){
         var id = $("#role_id").val();
         $('#roleTree').tree({
             method:'get',
             animate:true,
             checkbox:true,
             url: '/index.php?m=role&f=getRole',
             loadFilter: function(data){
                 if (data){
                     return data;
                 }
             }
         });
     });
</ script >

避免加載兩次只須要把<ul id="roleTree" class="easyui-tree"></ul>中的class="easyui-tree"刪除就能夠,由於在js代碼已經聲明瞭easyui-treehtml

相關文章
相關標籤/搜索