bootstrap-table复选行实现,获取复选结果数据

原创
2021/03/30 22:39
阅读数 512
<table class="table table-bordered table-striped table-condensed flip-content" id="table_salesMan"
data-content-type="application/x-www-form-urlencoded"
data-toggle="table" 
data-query-params="queryParams_salesMan"
data-pagination="true" 
data-show-refresh="true"
data-show-toggle="false"
data-show-columns="true"
data-detail-view = "false"
data-striped = "true"
data-single-select = "false" 
rightFixedColumns = "true"
rightFixedNumber = "1"
data-toolbar="#toolbar"
data-side-pagination="server"
data-page-list="[5, 10, 20, 50, 100, 200]"
data-method = "post" 
data-url="${contxt}/wxapp/share/salesMan/list">
<thead class="flip-content bordered-palegreen">
	<tr>
		<th data-checkbox="true"></th>
		<th data-formatter="runningFormatter" data-valign="middle">序号</th>
		<th data-field="thumbUrl" data-formatter="showImage" data-valign="middle">头像</th>
		<th data-field="name" data-valign="middle">姓名</th>
		<th data-field="phone" data-valign="middle">手机号</th>
		<th data-field="employeeNo" data-valign="middle">工号</th>
		<th data-field="branchName" data-valign="middle">所属支部</th>
		<th data-field="viewCount" data-valign="middle" data-sortable="true">邀请数</th>
		<th data-field="intCount" data-valign="middle" data-sortable="true">意向数</th>
		<th data-field="orderCount" data-valign="middle" data-sortable="true">促成交易数</th>
		<th data-field="userId" data-formatter="actionFormatter" data-events="actionEvents" data-width="150px" data-valign="middle">操作</th>
	</tr>
</thead>
</table>

其中data-single-select = “false”支持多选行,为“true”支持单选行,

<th data-checkbox="true"></th> 设置复选表头

通过

var selectedRows = $("#table_salesMan").bootstrapTable("getSelections");

获取选中的多行数据。

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部