EASYUI TREEGRID非同步載入資料實現方法

2022-09-28 02:27:09 字數 1102 閱讀 8024

複製** **如下:

$(function()

});

})

這個是頁面初始化的。

看看他的json:

複製** **如下: ,

, ,

, ,

, ,

, ,

, ,

, ,

, ,

, ,

, , ,

]}

標紅的地方是特別有用的,我按照他的這個做法,自己做了乙個,始終是沒有資料的,後來發現了乙個問題,

複製** **如下: ,

, ,

, ,

, ,

, ,

, ,

, ,

, ]}

上面這個資料 沒有乙個根節點,所以頁面出來什麼都沒有。。。。。我的資料只有parentid這個玩意,所以頁面一片空白。

這個問題修正了,但是又出現新的問題了。開始我的處理方式是直接把所有資料load進來,點選節點展開是沒有問題的。但是所有資料一起裝載,不光耗效能不說,還特別慢。

所以想到非同步載入。又到官方上去看了半天,官方提供了一大堆事件,什麼展開觸發哦之類的,沒有乙個說到點上的。

我用火狐監聽每次資料都載入了的,而且有返回正確的json

複製** **如下: ,

, 。。。。

經過我反覆的對比tree和這個treegrid。最後發現treegrid 在請求過來的資料上有個total和rows ,而tree沒有。

難道是這個total和rows在作怪,我趕緊把這個刪掉了,果然資料出來了

大家可以百度一下,各種說法都有。

最後乙個小結: easyui treegrid使用時需注意:

1、必須要www.cppcns.com有根節點;

2、父節點裝載的資料格式和子節點裝載的資料格式 是不一樣的。

父節點需要total和rows 而子節點裝載的時候和tree的資料格式相同。 目前只弄了個兩級的,多級的還沒有去試。留篇文章,以備後用。

也熱烈歡迎大家指正。

本文標題: easyui treegrid非同步載入資料實現方法

本文位址:

easyui treegrid節點擊擇

easyui treegrid本身不能實現選中父節點子節點全選,必須通過另外的方法來實現,這裡說下如何通過修改節點樣式新增checkbox來實現級聯選擇效果 首先需要格式化節點的樣式 formatter function value,row,index show方法如下 function show ...

easyui treegrid移除樹節點出錯

easyui treegrid移除樹節點出錯 2015年12月22日 11 46 02 星期二 一 問題描述 刪除節點後js報錯。二 原因 因為刪除的節點下面包含了其他的父子節點,但使用方法 select treegrid getchildren row.id 獲取的是該節點下的所有節點,並不是該節...

easyui treegrid資料不渲染問題

easyui treegrid資料控制台看到已有資料取出,但頁面沒有渲染後的資料,同時控制台中並沒有報錯資訊 查詢後原因如下 這種資料結構是表面是平行的資料,根據id與 parentid來標識父子結構。id是根據idfield這個引數自己設定的 parentid注意事項 如果沒有父節點 parent...