EasyUI的treegrid组件动态加载数据问题的解决办法
更新时间：2011年12月11日 22:39:55 作者：
最近涉及到treegrid组件的查询，需要根据查询条件动态更新EasyUI的treegrid组件的动态加载查询结果
搜遍了treegrid源码和文档发现treegrid是扩展自datagrid和tree的，不过以往利用datagrid的reload方法加参数的方式加载查询结果数据，可是treegrid却只执行reload不能加载带参数的查询结果，可能是做了限制，如下代码不能加载查询结果：
<table id='treegrid' class='easyui-treegrid' url='/User/List'></table>
$('#treegrid').treegrid('reload',{'name':'mikel'});
于是又去官方论坛搜索相关问题，发现一个有价值的帖子，茅塞顿开，为什么要指望treegrid组件来异步查询数据，为什么不先异步，然后在加载返回的json数据呢？代码如下：
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'});
于是又去官方论坛搜索相关问题，发现一个有价值的帖子，茅塞顿开，为什么要指望treegrid组件来异步查询数据，为什么不先异步，然后在加载返回的json数据呢？代码如下：
复制代码 代码如下:
function loadData()
{
$.post('/User/List',{name:'mikel'},function(data){
$('#treegrid').treegrid('loadData',data);
},'json');
}
相关文章
图片的展开和收缩使用jquery实现不可思议吧，感兴趣的朋友可以参考下哈，希望对你学习jquery 有所帮助2013-04-04
本文给大家分享两种jquery 的ajax防止重复提交的方法，第一种方法对于onclick事件触发的ajax，在beforeSend中使点击按钮不可用，ajax结果返回后置为可用，第二种利用jquery ajaxPrefilter中断请求，对于详情请参考下本文2016-10-10
本文通过实例代码给大家介绍了jquery 双击编辑表格，需要的朋友参考下吧2017-06-06
在最近做的一个项目中，使用jQuery Validation验证日期，遇到的问题和一个没有预料到的情况是，在ASP.NET MVC 3的项目中，对于 input type="date" data-val="true"的元素，如果调用form的valid方法验证form，虽然我没有添加日期验证的设置2012-02-02
这篇文章主要介绍了基于jquery实现的树形菜单效果代码,实例分析了jquery基于鼠标事件动态改变页面元素属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
这篇文章主要介绍了jQuery事件绑定用法,结合多个实例较为详细的分析了常见的jQuery事件绑定实现技巧与使用方法,需要的朋友可以参考下2016-09-09
本篇文章主要是对jQuery实现下拉框左右选择的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
$.attr()和$.data()本质上属于 DOM属性 和 Jquery对象属性 的区别。下面通过一个示例给大家介绍jQuery中.attr()和.data()的区别，一起看看吧2017-09-09
这篇文章主要介绍了jQuery实现ajax的叠加和停止的关键代码，代码简单易懂，需要的朋友可以参考下2016-08-08
在 jQuery 中，实际注册的事件处理函数是一个匿名的闭包函数，这个函数最终都是通过调用 jQuery.event.handle 进行处理的。2010-08-08
最新评论