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

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

黄舟
發布: 2017-08-13 10:12:49
原創
2216 人瀏覽過

這篇文章主要介紹了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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板