Wie lade ich Daten in BootstrapTable neu? 3 Möglichkeiten, es herauszufinden!

Dieser Artikel stellt Ihnen drei Möglichkeiten vor, BootstrapTable zu aktualisieren (Daten neu zu laden). Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

【Verwandte Empfehlung: „Bootstrap-Tutorial“】

BootstrapTable wird im Projekt verwendet. Es gibt mehrere Möglichkeiten, Daten abzufragen und die Liste basierend auf Bedingungen neu zu laden.

Sehen Sie sich den Code direkt an:

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


function load() {
	$('#dataTable').bootstrapTable(
		{
			method : 'post',
			url : "/user/list",		
			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 : '名称' ,					
				},
	            {
					field : 'age', 
					title : '年龄' ,					
				},	            
	            {
					field : 'createDate', 
					title : '创建时间' ,							
				},
	            {								
					title : '操作',
					field : 'id',											
					formatter : function(value, row, index) {									
						return '' ;
					}
				} 
			]
		});
}

// 方法1： 刷新（重新加载数据）
function reLoad() {
	$('#dataTable').bootstrapTable('destroy');
    load();
}

// 方法2： 刷新（重新加载数据）
function reLoad2() {
	$("#dataTable").bootstrapTable('refreshOptions',{pageNumber:1});  // pageNumber:1, 指定页码为第1页
	$("#dataTable").bootstrapTable('refresh');
}

// 方法3（推荐）： 跳转到第1页（包含查询和重新加载）
function reLoad3() {
	$("#dataTable").bootstrapTable('selectPage', 1);
}

Erläuterung:

Methode 1 und 2 bestehen darin, die Tabelle zu zerstören und dann eine neue Liste zu erstellen. Aufgrund der Zerstörung der Tabelle scrollt die Seite jedes Mal nach oben .

Methode 3 besteht darin, zu Seite 1 zu springen. Die Seite wird nicht gescrollt und das Erlebnis wird besser sein. Aber wenn die Abfragelistendaten leer sind, schlägt die Methode fehl.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmierunterricht! !

Das obige ist der detaillierte Inhalt vonWie lade ich Daten in BootstrapTable neu? 3 Möglichkeiten, es herauszufinden!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!