JQueryEasyUI學習筆記(十五)異步tree(附源碼)


歡迎大家轉載,轉載請注明出處!

希望這個筆記對自己和大家有用,但是本人水平有限,如果出錯的地方,希望大家指出,多多批評,謝謝!

今天是easyui的Tree框架的點擊展開時的異步加載和全部直接加載:

    <script type="text/javascript">
        $(function () {
            $("#tt2").tree({//異步點擊展開Tree
                url: 'GetTreeMenu.ashx'
            });
            $("#tt").tree({//Tree直接展開
                url: 'GetTreeMenu.ashx',
                onLoadSuccess: function(node,data) {//加載成功后調用事件
                    var tree = $(this);
                    if (data) {
                        $(data).each(function(index,d) {
                            if (this.state=='closed') {
                                tree.tree('expandAll');
                            }
                        });
                    }
                }
            });
        });
    </script>
<body>
    <ul id="tt2"></ul>
    <ul id="tt"></ul>
</body>

每次點擊展開tree的節點的時候,向后台傳遞的是tree的id,這樣我們就可以根據id查處他的子節點,首次加載的時候id為null,這樣我們做個判斷,直接加載根節點就好

其中在異步加載時,只要數據庫設計清晰,json數據正確,實現起來十分簡單

數據庫設計圖例:

 

這樣就可以實現異步tree和直接展開tree的方法了,我在寫demo的時候,設計的不是很好,所以無論是子節點還是父節點,都有展開的箭頭,做個處理就好了

 非常時期,大家多多注意身體

源碼下載 


免責聲明!

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



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