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实现的动态文字变化输出效果示例【附演示与demo源码下载】
Mar 24 jQuery
jQuery中的deferred对象和extend方法详解
May 08 jQuery
jQuery实现一个简单的验证码功能
Jun 26 jQuery
jQuery Layer弹出层传值到父页面的实现代码
Aug 17 jQuery
jQuery UI 实例讲解 - 日期选择器(Datepicker)
Sep 18 jQuery
jQuery实现对网页节点的增删改查功能示例
Sep 18 jQuery
jQuery动态添加元素无法触发绑定事件的解决方法分析
Jan 02 jQuery
js与jQuery实现获取table中的数据并拼成json字符串操作示例
Jul 12 jQuery
jQuery实现表格隔行换色
Sep 01 jQuery
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
Dec 29 jQuery
jQuery - AJAX load() 实例用法详解
Aug 27 jQuery
jQuery实现可以计算进制转换的计算器
Oct 19 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
第十二节--类的自动加载
2006/11/16 PHP
php在apache环境下实现gzip配置方法
2015/04/02 PHP
php pdo oracle中文乱码的快速解决方法
2016/05/16 PHP
php微信公众号开发(4)php实现自定义关键字回复
2016/12/15 PHP
php使用crypt()函数进行加密
2017/06/08 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
2007/03/06 Javascript
JQuery 自定义CircleAnimation,Animate方法学习笔记
2011/07/10 Javascript
移动端日期插件Mobiscroll.js使用详解
2016/12/19 Javascript
基于bootstrap的文件上传控件bootstrap fileinput
2016/12/23 Javascript
js中this的指向问题归纳总结
2018/11/28 Javascript
解决layui中onchange失效以及form动态渲染失效的问题
2019/09/27 Javascript
Angular8 实现table表格表头固定效果
2020/01/03 Javascript
js实现页面导航层级指示效果
2020/08/25 Javascript
[49:42]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第一局
2016/03/04 DOTA
Pyramid将models.py文件的内容分布到多个文件的方法
2013/11/27 Python
python实现的二叉树定义与遍历算法实例
2017/06/30 Python
基于Python os模块常用命令介绍
2017/11/03 Python
tensorflow saver 保存和恢复指定 tensor的实例讲解
2018/07/26 Python
Python CVXOPT模块安装及使用解析
2019/08/01 Python
Pycharm小白级简单使用教程
2020/01/08 Python
python实现Oracle查询分组的方法示例
2020/04/30 Python
Python configparser模块封装及构造配置文件
2020/08/07 Python
Python实现自动签到脚本的示例代码
2020/08/19 Python
html5的input的required使用中遇到的问题及解决方法
2018/04/24 HTML / CSS
网络安全类面试题
2015/08/01 面试题
女大学生个人求职信
2013/12/09 职场文书
美发店5.1活动方案
2014/01/24 职场文书
代办委托书怎么写
2014/08/01 职场文书
副乡长群众路线教育实践活动个人对照检查材料
2014/09/19 职场文书
单位委托书怎么写
2014/09/21 职场文书
幼儿园国培研修日志
2015/11/13 职场文书
2016年庆祝六一儿童节活动总结
2016/04/06 职场文书
React + Threejs + Swiper 实现全景图效果的完整代码
2021/06/28 Javascript
微信小程序中使用vant框架的具体步骤
2022/02/18 Javascript
基于docker安装zabbix的详细教程
2022/06/05 Servers