首頁 >web前端 >js教程 >jQuery中關於​​EasyUI的TreeGrid查詢功能的實現

jQuery中關於​​EasyUI的TreeGrid查詢功能的實現

黄舟
黄舟原創
2017-08-13 10:12:492214瀏覽

這篇文章主要介紹了jQuery EasyUI的TreeGrid查詢功能實作方法,需要的朋友可以參考下

最近需要實作對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查詢功能的實現的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn