歡迎大家轉載,轉載請注明出處!
希望這個筆記對自己和大家有用,但是本人水平有限,如果出錯的地方,希望大家指出,多多批評,謝謝!
今天是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的時候,設計的不是很好,所以無論是子節點還是父節點,都有展開的箭頭,做個處理就好了
非常時期,大家多多注意身體