EasyUI的TreeGrid查询功能实现

最新推荐文章于 2023-05-04 11:58:26 发布

鹧鸪菜

最新推荐文章于 2023-05-04 11:58:26 发布

阅读量6.2k

点赞数

ASP.NET/WEB 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用EasyUI的TreeGrid实现查询功能的方法。通过异步AJAX获取数据并将其转换为JSON格式，再利用TreeGrid的loadData方法进行加载，以此更新TreeGrid的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[原创

[原创]EasyUI的TreeGrid查询功能实现

来源：mikel 日期：2011-11-17 09:44:08 编辑：admin 阅读 963 次

原文地址：www.mikel.cn

最近需要实现对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');
     

     
         }

来源：mikel 日期：2011-11-17 09:44:08 编辑：admin 阅读 963 次

原文地址：www.mikel.cn

最近需要实现对treeGrid的查询功能，具体查询界面如下：

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');

    }