EasyUI的treegrid組件動(dòng)態(tài)加載數(shù)據(jù)問題的解決辦法
更新時(shí)間：2011年12月11日 22:39:55 作者：
最近涉及到treegrid組件的查詢，需要根據(jù)查詢條件動(dòng)態(tài)更新EasyUI的treegrid組件的動(dòng)態(tài)加載查詢結(jié)果
搜遍了treegrid源碼和文檔發(fā)現(xiàn)treegrid是擴(kuò)展自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)一個(gè)有價(jià)值的帖子，茅塞頓開，為什么要指望treegrid組件來異步查詢數(shù)據(jù)，為什么不先異步，然后在加載返回的json數(shù)據(jù)呢？代碼如下：
function loadData()
{
$.post('/User/List',{name:'mikel'},function(data){
$('#treegrid').treegrid('loadData',data);
},'json');
}
復(fù)制代碼 代碼如下:
<table id='treegrid' class='easyui-treegrid' url='/User/List'></table>
$('#treegrid').treegrid('reload',{'name':'mikel'});
于是又去官方論壇搜索相關(guān)問題，發(fā)現(xiàn)一個(gè)有價(jià)值的帖子，茅塞頓開，為什么要指望treegrid組件來異步查詢數(shù)據(jù)，為什么不先異步，然后在加載返回的json數(shù)據(jù)呢？代碼如下：
復(fù)制代碼 代碼如下:
function loadData()
{
$.post('/User/List',{name:'mikel'},function(data){
$('#treegrid').treegrid('loadData',data);
},'json');
}
相關(guān)文章
圖片的展開和收縮使用jquery實(shí)現(xiàn)不可思議吧，感興趣的朋友可以參考下哈，希望對(duì)你學(xué)習(xí)jquery 有所幫助2013-04-04
jQuery的 $.ajax防止重復(fù)提交的兩種方法(推薦)
本文給大家分享兩種jquery 的ajax防止重復(fù)提交的方法，第一種方法對(duì)于onclick事件觸發(fā)的ajax，在beforeSend中使點(diǎn)擊按鈕不可用，ajax結(jié)果返回后置為可用，第二種利用jquery ajaxPrefilter中斷請(qǐng)求，對(duì)于詳情請(qǐng)參考下本文2016-10-10
本文通過實(shí)例代碼給大家介紹了jquery 雙擊編輯表格，需要的朋友參考下吧2017-06-06
修改jQuery Validation里默認(rèn)的驗(yàn)證方法
在最近做的一個(gè)項(xiàng)目中，使用jQuery Validation驗(yàn)證日期，遇到的問題和一個(gè)沒有預(yù)料到的情況是，在ASP.NET MVC 3的項(xiàng)目中，對(duì)于 input type="date" data-val="true"的元素，如果調(diào)用form的valid方法驗(yàn)證form，雖然我沒有添加日期驗(yàn)證的設(shè)置2012-02-02
基于jquery實(shí)現(xiàn)的樹形菜單效果代碼
這篇文章主要介紹了基于jquery實(shí)現(xiàn)的樹形菜單效果代碼,實(shí)例分析了jquery基于鼠標(biāo)事件動(dòng)態(tài)改變頁面元素屬性的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了jQuery事件綁定用法,結(jié)合多個(gè)實(shí)例較為詳細(xì)的分析了常見的jQuery事件綁定實(shí)現(xiàn)技巧與使用方法,需要的朋友可以參考下2016-09-09
jQuery實(shí)現(xiàn)下拉框左右選擇的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)jQuery實(shí)現(xiàn)下拉框左右選擇的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
jQuery中.attr()和.data()的區(qū)別分析
$.attr()和$.data()本質(zhì)上屬于 DOM屬性 和 Jquery對(duì)象屬性 的區(qū)別。下面通過一個(gè)示例給大家介紹jQuery中.attr()和.data()的區(qū)別，一起看看吧2017-09-09
jQuery實(shí)現(xiàn)ajax的疊加和停止(終止ajax請(qǐng)求)
這篇文章主要介紹了jQuery實(shí)現(xiàn)ajax的疊加和停止的關(guān)鍵代碼，代碼簡(jiǎn)單易懂，需要的朋友可以參考下2016-08-08
jQuery的實(shí)現(xiàn)原理的模擬代碼 -3 事件處理
在 jQuery 中，實(shí)際注冊(cè)的事件處理函數(shù)是一個(gè)匿名的閉包函數(shù)，這個(gè)函數(shù)最終都是通過調(diào)用 jQuery.event.handle 進(jìn)行處理的。2010-08-08