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 相关文章推荐
BootStrap中jQuery插件Carousel实现轮播广告效果
Mar 27 jQuery
jquery Ajax实现Select动态添加数据
Jun 08 jQuery
jQuery中的类名选择器(.class)用法简单示例
May 14 jQuery
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
Jun 14 jQuery
JQuery属性操作与循环用法示例
May 15 jQuery
jQuery表单校验插件validator使用方法详解
Feb 18 jQuery
jQuery实现移动端图片上传预览组件的方法分析
May 01 jQuery
jQuery实现的分页插件完整示例
May 26 jQuery
jQuery开发仿QQ版音乐播放器
Jul 10 jQuery
jQuery列表动态增加和删除的实现方法
Nov 05 jQuery
如何在vue 中引入使用jquery
Nov 10 jQuery
jQuery实现全选按钮
Jan 01 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
在PHP中读取和写入WORD文档的代码
2008/04/09 PHP
php清空(删除)指定目录下的文件,不删除目录文件夹的实现代码
2014/09/04 PHP
php中smarty变量修饰用法实例分析
2015/06/11 PHP
Yii2框架实现利用mpdf创建pdf文件功能示例
2019/02/08 PHP
Laravel模糊查询区分大小写的实例
2019/09/29 PHP
PHP Ajax跨域问题解决方案代码实例
2020/08/01 PHP
JS中的log对象获取以及debug的写法介绍
2014/03/03 Javascript
使用jQuery判断IE浏览器版本的代码
2014/06/14 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
2014/09/01 Javascript
jquery马赛克拼接翻转效果代码分享
2015/08/24 Javascript
JS判断当前页面是否在微信浏览器打开的方法
2015/12/08 Javascript
JavaScript动态设置div的样式的方法
2015/12/26 Javascript
jquery对dom节点的操作【推荐】
2016/04/15 Javascript
基于vue2的table分页组件实现方法
2017/03/20 Javascript
基于JavaScript实现弹幕特效
2020/08/27 Javascript
nodeJs爬虫的技术点总结
2018/05/13 NodeJs
vue用Object.defineProperty手写一个简单的双向绑定的示例
2018/07/09 Javascript
微信小程序自定义select下拉选项框组件的实现代码
2018/08/28 Javascript
vue项目在安卓低版本机显示空白的原因分析(两种)
2018/09/04 Javascript
DatePickerDialog 自定义样式及使用全解
2019/07/09 Javascript
js实现移动端轮播图滑动切换
2020/12/21 Javascript
[02:24]DOTA2亚洲邀请赛 NAVI战队出场宣传片
2015/02/07 DOTA
python使用SMTP发送qq或sina邮件
2017/10/21 Python
Django学习教程之静态文件的调用详解
2018/05/08 Python
wxPython实现整点报时
2019/11/18 Python
django queryset相加和筛选教程
2020/05/18 Python
python中str内置函数用法总结
2020/12/27 Python
详解如何在登录过期后跳出Ifram框架
2020/09/10 HTML / CSS
Hush Puppies澳大利亚官网:舒适的男女休闲和正装鞋
2019/08/24 全球购物
摩飞电器俄罗斯官方网站:Morphy Richards俄罗斯
2020/07/30 全球购物
电气工程及其自动化学生实习自我鉴定
2013/09/19 职场文书
办护照工作证明范本
2014/01/14 职场文书
少先队辅导员事迹材料
2014/12/24 职场文书
入党转正申请报告
2015/05/15 职场文书
感恩的心主题班会
2015/08/12 职场文书
Python自动化之批量处理工作簿和工作表
2021/06/03 Python