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

青灯夜游
Freigeben: 2021-07-29 18:52:48
nach vorne
6953 Leute haben es durchsucht

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.

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

【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);
}
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:csdn.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage