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

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

加載兩次的寫法:php

<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

相關文章
相關標籤/搜索