bootstrapTable 应用

最新推荐文章于 2024-09-28 11:53:07 发布

原创最新推荐文章于 2024-09-28 11:53:07 发布 · 1.2k 阅读

4 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍BootstrapTable插件的各种操作方法，包括刷新列表、通过JSON数据刷新、获取选中及所有数据、加载、移除数据、插入及更新行、更新指定列等实用技巧，帮助开发者快速掌握并高效使用此插件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

###bootstrapTable应用

1、只刷新列表
   $('#table').bootstrapTable('refresh');
   通过参数刷新
   var opt = {
		query: {
			"id": $("#id").val()
		}
	};
	$("#table").bootstrapTable('refresh', opt);
2、通过传递json到后台刷新
   $('#table').bootstrapTable('refresh',json);
3、取选中的数据
	$("#table").bootstrapTable('getSelections');
4、获得所有数据
	$("#table")..bootstrapTable('getData');
5、加载数据,json数据格式	
	$("#table").bootstrapTable('load',json);
6、移除所有数据
	$("#table").bootstrapTable('remvoeAll');
7、根据主键移除数据
	var array = [];
	$('#table').bootstrapTable('remove', {
				field: "id",
				values: array
			});	
8、插入数据
  (1)插入尾部
	  $("#table").bootstrapTable('append', json);
  (2)尾部插入
	  $("#table").bootstrapTable('prepend', json);		
9、更新行(行索引，数据)
	$('#table').bootstrapTable('updateRow', {
		index: index, 
		row: json});	
10、更新指定列
	var rows = {
            index : index,  //更新列所在行的索引
            field : "status", //要更新列的field
            value : "正常" //要更新列的数据
        }//更新表格数据        
	$('#table').bootstrapTable("updateCell",rows);	   
11.插入数据
	$('#table').bootstrapTable('insertRow', {
			index: index//数据行树
			row: json
		});