BootstrapTable如何批量操作多行

最新推荐文章于 2023-07-24 12:17:06 发布

z火山

最新推荐文章于 2023-07-24 12:17:06 发布

阅读量6.6k

点赞数

本文链接：https://blog.csdn.net/qq_42149844/article/details/80404211

版权

1、在BootstrapTable初始化表格时，在表格columns加上checkbox：true,这样第一列就是一个复选框。

var $table = $('#table');
	$table
			.bootstrapTable({
				url : "<%=BasePath%>/queryAll.StudentServlet",
				dataType : "json",
				pagination : true, //分页
				pageSize : 5,
				toolbar: '#toolbar',
				search : true, //显示搜索框
				columns : [
						{
							checkbox:true,
						},
						{
							title : 'id',
							field : 'id',
							align : 'center',
							valign : 'middle'
						},

2、通过jquery操作

//获得选中行
var checkedbox= $("#table").bootstrapTable('getSelections'); 
//将选中行数据转成jsonStr
var  jsonStr=JSON.stringify(checkedbox);
//将jsonStr转成jsonObject对象

var jsonObject=jQuery.parseJSON(jsonStr);

//接着就可以遍历jsonObject数组对象，取出并操作数据