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)文章
圣誕節(jié)Merry Christmas給博客添加浪漫的下雪效果基于jquery實現(xiàn)
一年一度的圣誕節(jié)又到了,首先祝大家好運一串串,健康一年年,平安到永遠!今天就教大家如何在博客中添加紛紛揚揚的下雪效果。今天,你那里下雪了嗎2012-12-12基于jQuery的Spin Button自定義文本框數(shù)值自增或自減
這個jquery 插件可以讓你的文本框增加一個自增或自減的小按鈕,方便輸入數(shù)值的控制。2010-07-07Jquery find與filter函數(shù)區(qū)別 說明
基本是find子元素找,filter是平級找2010-05-05