EasyUI的TreeGrid查询功能实现

[原创

[原创]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的查询功能，具体查询界面如下：

可以查询根节点和具体子节点的信息，开始使用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');

    }