Bootstrap table列表查询、模糊查询和refresh使用

最新推荐文章于 2024-07-17 08:41:22 发布

Lune2018

最新推荐文章于 2024-07-17 08:41:22 发布

阅读量6.3k

点赞数

分类专栏： Bootstrap 文章标签： Bootstrap

本文链接：https://blog.csdn.net/Lune2018/article/details/85062370

版权

本文介绍了如何在Bootstrap表格中实现列表查询、模糊查询功能，并详细讲解了如何使用refresh方法来更新表格数据，帮助开发者更好地操作和展示动态数据。

摘要由CSDN通过智能技术生成

        var url;
	//模糊查询
	function searchUser(){
		var keyword = $("#keyword").val();
		var queryparam = {
			silent:true,
			query:{
				keyword:keyword
			}
		};
		$('#table_user').bootstrapTable('refresh',queryparam);
	}
		
	//返回
	function returnBack(){
		$('#table_user').bootstrapTable('refresh');//调用方法查取table列表
	}
		
	//封装的table方法
	function boostrap_table(k){
		$('#table_user').bootstrapTable({
		    url: '', 
		    dataType: "json",
		    type:"post",
		    queryParams : function (params) {
	                var temp = {
	                   rows: params.limit,
	                   page: (params.offset / params.limit) + 1,
	                   keyword:k,
	                };
	                return temp;
	            },
		    striped: true,//设置为 true 会有隔行变色效果  
		    undefinedText: "空",//当数据为 undefined 时显示的字符  
		    pagination: true, //分页         
		    pageList: [10