在页面列表中进行多选操作,将选中的数据传到控制层。
页面展示:
列表代码:
<table data-toggle="topjui-datagrid"
data-options="id: 'productDg',
fitColumns:false,remoteSort: false,pageNumber:1,
url: ''">
<thead>
<tr>
<th data-options="field:'uuid',title:'UUID',checkbox:true"></th>
<th data-options="field:'orderID',title:'订单ID',width:220"></th>
</tr>
</thead>
</table>
js:
<script>
var selectedRow = $('#productDg').iDatagrid('getSelections');
var taskIDS = "";
for (var i = 0; i < selectedRow.length; i++) {
/* 多个id 用@ 拼接成一个字符串 控制层接受后 拆分*/
taskIDS += selectedRow[i].orderID + "<@>"
/* console.log("ceshi002 " + taskIDS);*/
}
$("input[name=taskIDS]").val(taskIDS.substr(0, taskIDS.length - 3));
</script>
控制层 拆分:
String taskIDS = request.getParameter("taskIDS");
String[] arr = taskIDS.split("<@>");
for (String id : arr) {
..
..
}
注释:
数据网格(
datagrid
)组件包含两种方法来检索选中行数据:getSelected
:取得第一个选中行数据,如果没有选中行,则返回null,否则返回记录。getSelections
:取得所有选中行数据,返回元素记录的数组数据。