当前第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 查询实现的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
jquery和bootstrap的区别是什么？
bootstrap轮播怎么停止自动轮播
bootstrap4如何设置模态框
bootstrap 怎么关闭弹出框
如何解决bootstrap table乱码问题
深入浅析bootstrap中的自动定位浮标
bootstrap如何获取行数据？
bootstrap如何消除浮动
bootstrap什么时候出来的
bootstrap框架是什么
更多相关阅读请进入《bootstrap》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » Bootstrap Table 查询实现
