opération de sélection multiple dans la liste des pages, les données sélectionnées à la couche de contrôle.
Page Affichage:
Liste des codes:
<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>
couche de contrôle de Split:
String taskIDS = request.getParameter("taskIDS");
String[] arr = taskIDS.split("<@>");
for (String id : arr) {
..
..
}
commentaire:
Grille (données
datagrid
composant) contient deux méthodes pour récupérer les lignes sélectionnées:
getSelected
: Obtenir la première ligne de données sélectionnée, si la ligne n'est pas sélectionnée, elle renvoie null, sinon il retourne enregistrement.
getSelections
: Obtenez toutes les lignes de données sélectionnées, retourne un tableau d'éléments de données des enregistrements.