DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery入門技巧 >> jQuery EasyUI的TreeGrid查詢功能實現方法
jQuery EasyUI的TreeGrid查詢功能實現方法
編輯:JQuery入門技巧     

最近需要實現對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查詢功能實現方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved