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 EasyUI $.Parser
Jun 02 jQuery
jQuery条件分页 代替离线查询(附代码)
Aug 17 jQuery
jQuery基于cookie实现换肤功能实例
Oct 14 jQuery
jQuery实现的简单无刷新评论功能示例
Nov 08 jQuery
bootstrap+jquery项目引入文件报错的解决方法
Jan 22 jQuery
jQuery实现form表单序列化转换为json对象功能示例
May 23 jQuery
jQuery实现图片上传预览效果功能完整实例【测试可用】
May 28 jQuery
jQuery实现鼠标移入移出事件切换功能示例
Sep 06 jQuery
jquery实现自定义树形表格的方法【自定义树形结构table】
Jul 12 jQuery
jQuery 判断元素是否存在然后按需加载内容的实现代码
Jan 16 jQuery
jquery实现手风琴案例
May 04 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
php实现的仿阿里巴巴实现同类产品翻页
2009/12/11 PHP
php另类上传图片的方法(PHP用Socket上传图片)
2013/10/30 PHP
Ubuntu中搭建Nginx、PHP环境最简单的方法
2015/03/05 PHP
PHP常用的小程序代码段
2015/11/14 PHP
windows7配置Nginx+php+mysql的详细教程
2016/09/04 PHP
JQuery Tips(2) 关于$()包装集你不知道的
2009/12/14 Javascript
JQuery优缺点分析说明
2010/06/09 Javascript
jQuery弹性滑动导航菜单实现思路及代码
2013/05/02 Javascript
javascript常用对话框小集
2013/09/13 Javascript
Jquery getJSON方法详细分析
2013/12/26 Javascript
详解js实现线段交点的三种算法
2016/08/09 Javascript
图文详解Javascript中的上下文和作用域
2017/02/15 Javascript
详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
2017/08/30 Javascript
使用ionic(选项卡栏tab) icon(图标) ionic上拉菜单(ActionSheet) 实现通讯录界面切换实例代码
2017/10/20 Javascript
微信小程序实现文件、图片上传功能
2020/08/18 Javascript
Node.js 路由的实现方法
2019/06/05 Javascript
bootstrap table列和表头对不齐的解决方法
2019/07/19 Javascript
react quill中图片上传由默认转成base64改成上传到服务器的方法
2019/10/30 Javascript
JS实现百度搜索框关键字推荐
2020/02/17 Javascript
vue页面跳转实现页面缓存操作
2020/07/22 Javascript
[03:58]兄弟们,回来开黑了!DOTA2昔日战友招募宣传视频
2016/07/17 DOTA
Python sqlite3查询操作过程解析
2020/02/20 Python
python画图时设置分辨率和画布大小的实现(plt.figure())
2021/01/08 Python
python 递归相关知识总结
2021/03/03 Python
详解Canvas 跨域脱坑实践
2018/11/07 HTML / CSS
阿迪达斯西班牙官方网站:adidas西班牙
2016/07/21 全球购物
丝芙兰墨西哥官网:Sephora墨西哥
2020/05/30 全球购物
建筑文秘专业个人求职信范文
2013/12/28 职场文书
高中美术教学反思
2014/01/19 职场文书
离婚协议书的书写要求
2014/09/17 职场文书
晚会开幕词
2015/01/28 职场文书
2015年幼儿园教育教学工作总结
2015/05/25 职场文书
集结号观后感
2015/06/08 职场文书
五一放假通知怎么写
2015/08/18 职场文书
党性教育心得体会(共6篇)
2016/01/21 职场文书
解决numpy数组互换两行及赋值的问题
2021/04/17 Python