当前第2页 返回上一页
实现思路：获取查询块中所有的对象，动态存放在查询返回的参数中
需要注意：
当查询没有值的之后，不能放入到查询参数中，否则会把数据当做空来查询，从而导致无法查询到数据
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | function queryParams(params) {
var param = {};
$('#query-form').find('[name]').each(function () {
var value = $(this).val();
if (value != '') {
param[$(this).attr('name')] = value;
}
});
param['pageSize'] = params.limit;
param['pageNumber'] = params.offset;
return param;
}
function customSearch(text) {
$table.bootstrapTable('refresh');
}
|
重置函数的实现
实现思路：循环获取query-form的控件，并把其值置空
1 2 3 4 5 | function resetSearch() {
$('#query-form').find('[name]').each(function () {
$(this).val('');
});
}
|
以上就是Bootstrap Table 查询实现的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
bootstrap react区别
bootstrap 分页的实现方法
bootstrap组件有哪些
bootstrap的表单怎么选日期
bootstrap基本结构有哪些
springboot怎么用bootstrap
bootstrap有哪些插件
bootstrap col-sm col-md区别
bootstrap的优缺点是什么？
vue.js和bootstrap之间有什么区别？
更多相关阅读请进入《bootstrap》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » Bootstrap Table 查询实现
