jquery queryBuilder过滤插件的使用
2024-10-01 10:45:15
1.此插件用于过滤搜索的功能,功能强大,可实现复杂条件过滤,单选多选的等条件的过滤。还可以在插件中调用其他插件。
下载地址和文档阅读:http://querybuilder.js.org/
效果图:
2.全英文文档,感觉学起来有丢丢的困难==
需要引入的文件
<link rel="stylesheet" href="${ctx}/resource/plugins/QueryBuilder/css/query-builder.default.min.css"> //基于jquery,还要引入jquery框架 <script type="text/javascript" src="${ctx}/resource/plugins/QueryBuilder/js/query-builder.standalone.js"></script>
<script type="text/javascript" src="${ctx}/resource/plugins/QueryBuilder/i18n/query-builder.zh-CN.js"></script>//中文显示
3.基本用法
<div id='builder-basic'></div>
$('#builder-basic').queryBuilder({
plugins: {
'bt-selectpicker':{liveSearch:true,style:'btn-inverse'},//引用了selectpicker
'bt-tooltip-errors':{delay:100},
},
filters: data,
rules: rules_basic })
上面的引用了selectpicker插件,使搜索框带一个搜索字段的功能。
例如:
未完待续。。。。。。。。。。。。
最新文章
- 最短路径——Floyd-Warshall算法
- JSP弹出窗口和模式对话框
- 让UILabel的文字顶部对齐
- echosp 销量排行 新增实际价格
- 初识ASP.NET CORE:一、HTTP pipeline
- 双系统重装windows后修复UBUNTU的GRUB
- 如何区别PeekMessage&;GetMessage SendMessage&;PostMessage
- c语言中格式化输出函数的研究
- nginx + memcached-session-manager 实现tomcat下的负载均衡
- java集合使用——HashMap
- DOM注意事项(八):JavaScript操作环境和垃圾收集
- C#函数以及应用
- 【VMware Workstation】虚拟机静态IP NAT连接外部网络(局域网以及广域网)
- Java大世界
- ghmm在 Linux 上安装
- css解决td单元格内文字溢出
- nginx 编译安装时的编译参数说明(不建议看)
- web前端性能调优(一)
- laravel iis搭建
- python 获取格式化时间
热门文章
- ios高效开发二--ARC跟block那点事
- Vue.js 渲染简写样式存在的问题
- jQuery练习总结(一)
- V$INSTANCE 字段说明
- BigDecimal类(高精度小数)
- BA-冷源系统--一次流量控制方案(转载)
- POI对Excel单元格进行颜色设置
- U盘安装 CentOS 64bit (dell c6100, CentOS6.3, 64bit)
- Qt Installer Framework的学习(三)
- tensorflow利用预训练模型进行目标检测(一):安装tensorflow detection api