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


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

加載兩次的寫法:

?
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-tree


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM