这篇文章主要介绍了bootstrap table 搜索框和查询功能，非常不错，具有参考借鉴价值,需要的朋友可以参考下
1..知识点bootstrapTable 刷新和查询配置
2.提升js代码性能
1.减少全局变量声明
2.缓存dom节点查找结果
3.局部变量缓存全局变量
/** * @param col bootstrapTable列表生成配置对象 */ var searchValue ={};//查询匹配对象 var $button = $(''); var $input = $(''); var $select = $(''); var addSearchGroup = function(col) { // 插入选项 var button ,input,select; button = $button;input = $input;select = $select;////局部变量缓存全局变量 提高代码性能 var selectDom = $select.find('select');////缓存dom节点查找结果 避免在循环里用 for(var i = 0; i '+col[i].title+''; selectDom.append($option); } } //插入多选框、输入框、按钮 $('.fixed-table-toolbar').append(button,input,select); } /* button = $button */ searchAction($button); function searchAction(button){ //写入上一次查询的条件 if(searchValue.select != undefined){ $select.find('select').val(searchValue.select); }; if(searchValue.input != undefined){ $input.find('input').val(searchValue.input); }; //写入查询条件 // 获取查询选项 button.click(function(){ var option = $select.find('select').val(); var inputval = $input.find('input').val(); searchValue.select =option; searchValue.inputval =inputval; //定义刷新参数 if(inputval != ''){ var param = { url: sWebRootPath+"/json/getAjaxData.jsp?v="+new Date().getTime(), query: { filters:[ {'colname':option,'filtertype':'LIKE','filtervalues':inputval} ] } } }else{ var param = { url: sWebRootPath+"/json/getAjaxData.jsp?v="+new Date().getTime(), } } // 刷新表格 $('#tablelist').bootstrapTable('refresh',param); }); }
登录后复制
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
在微信小程序中如何使用slider设置数据值
在微信小程序中如何使用slider设置数据值
在微信小程序中如何使用slider设置数据值
在微信小程序中如何使用slider设置数据值
以上就是在Bootstrap中如何实现Table搜索框和查询的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2749118.html
