jQuery EasyUI的TreeGrid查询功能实现方法


Posted in jQuery onAugust 08, 2017

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

jQuery EasyUI的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查询功能实现方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

jQuery 相关文章推荐
JQuery实现定时刷新功能代码
May 09 jQuery
jquery实现图片轮播器
May 23 jQuery
Jquery EasyUI $.Parser
Jun 02 jQuery
jQuery实现选中行变色效果(实例讲解)
Jul 06 jQuery
jQuery实现checkbox即点即改批量删除及中间遇到的坑
Nov 11 jQuery
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
Jan 18 jQuery
jquery ajax 请求小技巧实例分析
Nov 11 jQuery
jQuery cookie的公共方法封装和使用示例
Jun 01 jQuery
jQuery实现动态向上滚动
Dec 21 jQuery
jQuery实现tab栏切换效果
Dec 22 jQuery
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
Mar 31 jQuery
基于jQuery对象和DOM对象和字符串之间的转化实例
Aug 08 #jQuery
jquery+css实现简单的图片轮播效果
Aug 07 #jQuery
使用jQuery实现鼠标点击左右按钮滑动切换
Aug 04 #jQuery
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
Aug 04 #jQuery
原生js jquery ajax请求以及jsonp的调用方法
Aug 04 #jQuery
jQuery实现上传图片前预览效果功能
Aug 03 #jQuery
jQuery初级教程之网站品牌列表效果
Aug 02 #jQuery
You might like
十大感人催泪爱情动漫 第一名至今不忍在看第二遍
2020/03/04 日漫
php下实现一个阿拉伯数字转中文数字的函数
2008/07/10 PHP
遭遇php的in_array低性能问题
2013/09/17 PHP
php curl模拟post请求小实例
2013/11/13 PHP
ThinkPHP在新浪SAE平台的部署实例
2014/10/31 PHP
php计算年龄精准到年月日
2015/11/17 PHP
PHP语法小结之基础和变量
2015/11/22 PHP
php数值计算num类简单操作示例
2020/05/15 PHP
Track Image Loading效果代码分析
2007/08/13 Javascript
BOM与DOM的区别分析
2010/10/26 Javascript
深入分析js中的constructor和prototype
2012/04/07 Javascript
js用Date对象的setDate()函数对日期进行加减操作
2014/09/18 Javascript
window.setInterval()方法的定义和用法及offsetLeft与style.left的区别
2015/11/11 Javascript
在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)
2016/01/20 Javascript
微信小程序 教程之小程序配置
2016/10/17 Javascript
微信小程序 简单教程实例详解
2017/01/13 Javascript
jQuery设置图片等比例缩小的方法
2017/04/29 jQuery
JS全角与半角转化实例(分享)
2017/07/04 Javascript
详解webpack 打包文件体积过大解决方案(code splitting)
2018/04/10 Javascript
ES5和ES6中类的区别总结
2020/12/21 Javascript
[00:14]护身甲盾
2019/03/06 DOTA
python实现zencart产品数据导入到magento(python导入数据)
2014/04/03 Python
简单介绍Python中利用生成器实现的并发编程
2015/05/04 Python
Python实现的HTTP并发测试完整示例
2020/04/23 Python
python自定义函数实现最大值的输出方法
2019/07/09 Python
浅谈Django中view对数据库的调用方法
2019/07/18 Python
Jupyter notebook快速入门教程(推荐)
2020/05/18 Python
python中str内置函数用法总结
2020/12/27 Python
一款纯css3实现的非常实用的鼠标悬停特效演示
2014/11/05 HTML / CSS
请解释接口的显式实现有什么意义
2012/05/26 面试题
Solaris操作系统的线程机制
2015/07/28 面试题
酒店优秀员工推荐信
2015/03/24 职场文书
二十年同学聚会感言
2015/07/30 职场文书
导游词之天津古文化街
2019/11/09 职场文书
MYSQL如何查看进程和kill进程
2022/03/13 MySQL
直播实况, OMG破敌三路五十分钟大战神技局摩托车
2022/04/01 DOTA