欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQuery EasyUI的TreeGrid查询功能实现方法

程序员文章站 2022-05-14 19:24:48
最近需要实现对treegrid的查询功能,具体查询界面如下: 可以查询根节点和具体子节点的信息,开始使用easyui的treegrid的loaddata 加载url的...

最近需要实现对treegrid的查询功能,具体查询界面如下:

jQuery EasyUI的TreeGrid查询功能实现方法

可以查询根节点和具体子节点的信息,开始使用easyui的treegrid的loaddata 加载url的方式不能实现查询功能,于是利用异步ajax查询了一下数据返回后,赋值给变量,然后利用

treegrid的loaddata加载这个json格式的返回结果实现了对treegrid的查询功能,代码如下:

 function searchrom() {
  var product = $('#product').combobox('getvalue');
  var keytype = $('#keytype').combobox('getvalue');
  var keywords = $('#keywords').val();
  var url = encodeuri('/goodsrom/romlist?product=' + product + '&keytype=' + keytype + '&keywords=' + keywords+'&'+math.random());
  $.post(url, {}, function(data) {
   var d = data;//返回json格式结果
   $('#grid').treegrid('loaddata',d);//加载数据更新treegrid
  }, 'json');
 }

总结

以上所述是小编给大家介绍的jquery easyui的treegrid查询功能实现方法,希望对大家有所帮助