EasyUI使用tree方法生成树形结构加载两次的问题

时间 2019-11-30

标签 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