【_ 記 】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：取得所有選中行數據，返回元素記錄的數組數據。