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插件select2利用ajax高效查询大数据列表(可搜索、可分页)
May 19 jQuery
jquery.validate表单验证插件使用详解
Jun 21 jQuery
jQuery图片缩放插件smartZoom使用实例详解
Aug 25 jQuery
基于jQuery解决ios10以上版本缩放问题
Nov 03 jQuery
菊花转动的jquery加载动画效果
Aug 19 jQuery
jQuery常见的遍历DOM操作详解
Sep 05 jQuery
jQuery实现获取当前鼠标位置并输出功能示例
Jan 05 jQuery
JQuery animate动画应用示例
May 14 jQuery
Vue项目中使用jquery的简单方法
May 16 jQuery
Jquery实现获取子元素的方法分析
Aug 24 jQuery
jquery实现吸顶导航效果
Jan 08 jQuery
如何基于jQuery实现五角星评分
Sep 02 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
浅谈apache和nginx的rewrite的区别
2013/02/22 PHP
Yii使用DbTarget实现日志功能的示例代码
2020/07/21 PHP
document.getElementById方法在Firefox与IE中的区别
2010/05/18 Javascript
解决html按钮切换绑定不同函数后点击时执行多次函数问题
2014/05/14 Javascript
JavaScript函数作用域链分析
2015/02/13 Javascript
ECMAScript 5中的属性描述符详解
2015/03/02 Javascript
javascript实现简单的二级联动
2015/03/19 Javascript
JQuery球队选择实例
2015/05/18 Javascript
jQuery stop()用法实例详解
2016/07/28 Javascript
关于原生js中bind函数的简单实现
2016/08/10 Javascript
js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示实例
2016/12/06 Javascript
实例解析Array和String方法
2016/12/14 Javascript
JavaScript的事件机制详解
2017/01/17 Javascript
使用jQuery.Pin垂直滚动时固定导航
2017/05/24 jQuery
Angular4自制一个市县二级联动组件示例
2017/11/21 Javascript
webpack4.x下babel的安装、配置及使用详解
2019/03/07 Javascript
微信小程序--获取用户地理位置名称(无须用户授权)的方法
2019/04/29 Javascript
微信用户访问小程序的登录过程详解
2019/09/20 Javascript
layui实现二维码弹窗、并下载到本地的方法
2019/09/25 Javascript
使用vue实现HTML页面生成图片的方法
2020/03/12 Javascript
JavaScript位置参数实现原理及过程解析
2020/09/14 Javascript
Python EOL while scanning string literal问题解决方法
2020/09/18 Python
Pycharm配置远程调试的方法步骤
2018/12/17 Python
Python开发入门——迭代的基本使用
2020/09/03 Python
Python descriptor(描述符)的实现
2020/11/15 Python
CSS3实现莲花绽放的动画效果
2020/11/06 HTML / CSS
丹尼尔惠灵顿手表天猫官方旗舰店:Daniel Wellington
2017/08/25 全球购物
汽车驾驶求职信
2013/10/25 职场文书
车工岗位职责
2013/11/26 职场文书
职业技术学校毕业生推荐信
2013/12/03 职场文书
关于工资低的辞职信
2014/01/14 职场文书
孝老爱亲模范事迹材料
2014/05/25 职场文书
监察局领导班子四风问题整改措施思想汇报
2014/10/05 职场文书
内乡县衙导游词
2015/02/05 职场文书
2016年五一促销广告语
2016/01/28 职场文书
营销策划分析:怎么策划才能更好销量产品?
2019/09/04 职场文书