jQuery EasyUI 樹形選單 - 樹形網格惰性載入節點

有時我們已經得到充分的分層樹形網格(TreeGrid)的資料。 我們還想讓樹形網格(TreeGrid)按層次惰性載入節點。 首先,只加載頂層節點。 然後點選節點的展開圖示來載入它的子節點。 本教程展示如何建立帶有惰性載入特性的樹形網格(TreeGrid)。

jQuery EasyUI 樹形選單 - 樹形網格惰性載入節點

建立樹形網格(TreeGrid)

Name Size Modified Date

為了放置載入子節點,我們需要為每個節點重新命名 ‘children’ 屬性。 正如下面的程式碼所示,‘children’ 屬性重新命名為 ‘children1’。 當展開一個節點時,我們呼叫 ‘append’ 方法來載入它的子節點資料。

‘loadFilter’ 程式碼

function myLoadFilter(data,parentId){ function setData(){ var todo = []; for(var i=0; i

沒有安裝環境需要下載這兩個指令碼:

http://code。jquery。com/jquery-1。6。1。min。js

http://www。w3cschool。cc/try/jeasyui/jquery。easyui。min。js