複製** **如下:
$(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...