處理dataTable 重新整理 分頁以及行點選事件
阿新 • • 發佈:2019-02-10
http://datatables.club/example/diy.html 注:datatable為table id名稱 var tableListData; $(document).ready(function() { tableListData = $('#datatable').DataTable({ ajax: { type: 'POST', url: '/machInfo/listAllMachInfoInChoseMach', async: false, dataSrc: "", //返回的若是實體用空字串 如果是陣列:[0] data: function(data) { var orderCode = $("#orderCode").val(); var scheduledProducedUnits = $("#scheduledProducedUnits").val(); data.orderCode = orderCode; //傳參-訂單編號 data.scheduledProducedUnits = scheduledProducedUnits; //傳參-計劃生產數量 } }, columnDefs: [{ targets: 0, data: '', render: function(data, type, row, meta) { return '<input type="radio" class="iCheck">'; } }, { targets: 1, data: 'machCode' }, { targets: 2, data: 'estimatedFinishedTime' }, { targets: 3, data: 'isSuccess' }, { targets: 4, data: 'isSamePlastic' }, { targets: 5, data: 'quality' } ], language: { "sProcessing": "處理中...", "sLengthMenu": "顯示 _MENU_ 項結果", "sZeroRecords": "沒有匹配結果", "sInfo": "顯示第 _START_ 至 _END_ 項結果,共 _TOTAL_ 項", "sInfoEmpty": "顯示第 0 至 0 項結果,共 0 項", "sInfoFiltered": "(由 _MAX_ 項結果過濾)", "sInfoPostFix": "", "sSearch": "搜尋:", "sUrl": "", "sEmptyTable": "表中資料為空", "sLoadingRecords": "載入中...", "sInfoThousands": ",", "oPaginate": { "sFirst": "首頁", "sPrevious": "上頁", "sNext": "下頁", "sLast": "末頁" }, "oAria": { "sSortAscending": ": 以升序排列此列", "sSortDescending": ": 以降序排列此列" } } }); }); //行點選事件 $('#datatable tbody').on('click', 'tr', function() { $('#generateSchedulingNO').removeAttr("disabled"); //選中機器後 將生成排程單按鈕啟用 var data = tableListData.row(this).data(); //將所需要的引數傳入表單中 $("#injectionEndPoint").val(data.injectionEndPoint); $("#meltEndPoint").val(data.meltEndPoint); $("#estimatedClampingForce").val(data.estimatedClampingForce); $("#cdTime").val(data.cdTime); $("#meltTime").val(data.meltTime); $("#backPressure").val(data.backPressure); $("#machCode").val(data.machCode); });