处理dataTable 刷新分页以及行点击事件

ゝ一纸荒年。 2021-10-08 06:04 870阅读 0赞

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