技術標籤：前端指令碼(html js jQuery)bootstrapTablejquery重新整理載入資料重新

專案中使用到了bootstrapTable ， 根據條件查詢資料，重新載入列表，有兩種方式。

直接看程式碼：

$(function() {
	load();
});


function load() {
	$('#dataTable').bootstrapTable(
		{
			method : 'post',
			url : "/user/list", 			
			dataType:'json',
			contentType:'application/x-www-form-urlencoded;charset=UTF-8'
 
,										
			pageSize : 10, 
			pageNumber : 1, 			
			sidePagination : "server", 
			queryParams : function(params) {
				return {								
					limit: params.limit,
					offset: params.offset,
	                userName: $.trim( $('#userName').val() ) ,
	                age: $.trim( $('#age'
 
).val() ) ,                                                      				           
				}
			},						
			columns : [
				{
					checkbox : true
				},				
	           {
					field : 'userName', 
					title : '名稱' ,
					width : 140,
				},
	             {
					field : 'age', 
					title : '年齡' ,
					width :
 
 140,
				},	            
	             {
					field : 'createDate', 
					title : '建立時間' ,
					width : 140,
					visible : true ,								
				},
	             {								
					title : '操作',
					field : 'id',
					align : 'center',
					width : 200,								
					formatter : function(value, row, index) {									
						return '' ;
					}
				} 
			]
		});
}

// 方法1： 重新整理（重新載入資料）
function reLoad() {
	$('#dataTable').bootstrapTable('destroy');
    load();
}

// 方法2： 重新整理（重新載入資料）
function reLoad2() {
	$("#dataTable").bootstrapTable('refreshOptions',{pageNumber:1});
	$("#dataTable").bootstrapTable('refresh');
}