EasyUI的treegrid組件動態(tài)加載數(shù)據(jù)問題的解決辦法
更新時間:2011年12月11日 22:39:55 作者:
最近涉及到treegrid組件的查詢,需要根據(jù)查詢條件動態(tài)更新EasyUI的treegrid組件的動態(tài)加載查詢結(jié)果
搜遍了treegrid源碼和文檔發(fā)現(xiàn)treegrid是擴展自datagrid和tree的,不過以往利用datagrid的reload方法加參數(shù)的方式加載查詢結(jié)果數(shù)據(jù),可是treegrid卻只執(zhí)行reload不能加載帶參數(shù)的查詢結(jié)果,可能是做了限制,如下代碼不能加載查詢結(jié)果:
<table id='treegrid' class='easyui-treegrid' url='/User/List'></table>
$('#treegrid').treegrid('reload',{'name':'mikel'});
于是又去官方論壇搜索相關(guān)問題,發(fā)現(xiàn)一個有價值的帖子,茅塞頓開,為什么要指望treegrid組件來異步查詢數(shù)據(jù),為什么不先異步,然后在加載返回的json數(shù)據(jù)呢?代碼如下:
function loadData()
{
$.post('/User/List',{name:'mikel'},function(data){
$('#treegrid').treegrid('loadData',data);
},'json');
}
復制代碼 代碼如下:
<table id='treegrid' class='easyui-treegrid' url='/User/List'></table>
$('#treegrid').treegrid('reload',{'name':'mikel'});
于是又去官方論壇搜索相關(guān)問題,發(fā)現(xiàn)一個有價值的帖子,茅塞頓開,為什么要指望treegrid組件來異步查詢數(shù)據(jù),為什么不先異步,然后在加載返回的json數(shù)據(jù)呢?代碼如下:
復制代碼 代碼如下:
function loadData()
{
$.post('/User/List',{name:'mikel'},function(data){
$('#treegrid').treegrid('loadData',data);
},'json');
}
相關(guān)文章
jQuery中.attr()和.data()的區(qū)別分析
$.attr()和$.data()本質(zhì)上屬于 DOM屬性 和 Jquery對象屬性 的區(qū)別。下面通過一個示例給大家介紹jQuery中.attr()和.data()的區(qū)別,一起看看吧2017-09-09
jQuery實現(xiàn)ajax的疊加和停止(終止ajax請求)
這篇文章主要介紹了jQuery實現(xiàn)ajax的疊加和停止的關(guān)鍵代碼,代碼簡單易懂,需要的朋友可以參考下2016-08-08
jQuery的實現(xiàn)原理的模擬代碼 -3 事件處理
在 jQuery 中,實際注冊的事件處理函數(shù)是一個匿名的閉包函數(shù),這個函數(shù)最終都是通過調(diào)用 jQuery.event.handle 進行處理的。2010-08-08

