ページリスト内の複数選択操作、制御層に選択したデータ。
ページ表示:
リストコード:
<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
)コンポーネントは、選択された行を取得するために、2つのメソッドが含まれています
getSelected
:行が選択されていない場合、それがnullを返し、最初に選択されたデータラインを取得し、それ以外の場合は、レコードを返します。
getSelections
:データの選択されたすべての行を取得し、データ要素レコードの配列を返します。