1. 程式人生 > >處理dataTable 重新整理 分頁以及行點選事件

處理dataTable 重新整理 分頁以及行點選事件

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);


});