【_ 記 】EasyUI 列表多选传参 （datagrid 用法）

在页面列表中进行多选操作，将选中的数据传到控制层。

页面展示：

列表代码：

<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：取得所有选中行数据，返回元素记录的数组数据。