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 05 jQuery
jquery平滑滚动到顶部插件使用详解
May 08 jQuery
基于jquery日历价格、库存等设置插件
Jul 05 jQuery
jQuery实现拖动效果的实例代码
Jun 25 jQuery
jQuery扇形定时器插件pietimer使用方法详解
Jul 18 jQuery
jQuery菜单实例(全选,反选,取消)
Aug 28 jQuery
jQuery自动或手动图片切换效果
Oct 11 jQuery
jquery自定义显示消息数量
Dec 19 jQuery
JQuery实现table中tr上移下移的示例(超简单)
Jan 08 jQuery
Vue引入jquery实现平滑滚动到指定位置
May 09 jQuery
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
Aug 09 jQuery
jQuery操作选中select下拉框的值代码实例
Feb 07 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中explode与split的区别介绍
2012/10/03 PHP
phpmailer发送邮件之后,返回收件人是否阅读了邮件的方法
2014/07/19 PHP
php替换字符串中间字符为省略号的方法
2015/05/04 PHP
php实现模拟post请求用法实例
2015/07/11 PHP
PHP使用Memcache时模拟命名空间及缓存失效问题的解决
2016/02/27 PHP
PHP版本的选择5.2.17 5.3.27 5.3.28 5.4 5.5兼容性问题分析
2016/04/04 PHP
php版微信小店调用api示例代码
2016/11/12 PHP
PHP实现多级分类生成树的方法示例
2017/02/07 PHP
yii2 数据库读写分离配置示例
2017/02/10 PHP
PHP 进度条函数的简单实例
2017/09/19 PHP
laravel5实现微信第三方登录功能
2018/12/06 PHP
动态改变textbox的宽高的js
2006/10/26 Javascript
JS的递增/递减运算符和带操作的赋值运算符的等价式
2007/12/08 Javascript
jquery交替变换颜色的三种方法 实例代码
2013/11/19 Javascript
javascript创建createXmlHttpRequest对象示例代码
2014/02/10 Javascript
表单序列化与jq中的serialize使用示例
2014/02/21 Javascript
深入理解JS中的变量及作用域、undefined与null
2014/03/04 Javascript
Yii2使用Bootbox插件实现自定义弹窗
2015/04/02 Javascript
jquery制作属于自己的select自定义样式
2015/11/23 Javascript
jQuery插件实现适用于移动端的地址选择器
2016/02/18 Javascript
js实现产品缩略图效果
2017/03/10 Javascript
angular中实现控制器之间传递参数的方式
2017/04/24 Javascript
基于js的变量提升和函数提升(详解)
2017/09/17 Javascript
Three.js实现3D机房效果
2018/12/30 Javascript
微信小程序实现的五星评价功能示例
2019/04/25 Javascript
jQuery实现数字华容道小游戏(实例代码)
2020/01/16 jQuery
Vue使用轮询定时发送请求代码
2020/08/10 Javascript
echarts实现晶体球面投影的实例教程
2020/10/10 Javascript
数据挖掘之Apriori算法详解和Python实现代码分享
2014/11/07 Python
python读取和保存视频文件
2018/04/16 Python
浅析python的Lambda表达式
2019/02/27 Python
tensorflow图像裁剪进行数据增强操作
2020/06/30 Python
HTML5自定义属性前缀data-及dataset的使用方法(html5 新特性)
2017/08/24 HTML / CSS
个人合伙协议书范本
2014/10/14 职场文书
村党的群众路线教育实践活动工作总结
2014/10/25 职场文书
Python&Matlab实现灰狼优化算法的示例代码
2022/03/21 Python