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

最新推荐文章于 2023-10-08 18:15:55 发布

i秋风伴落叶

最新推荐文章于 2023-10-08 18:15:55 发布

阅读量9.4k

点赞数 1

分类专栏： dataTable JavaScript/Jquery

本文链接：https://blog.csdn.net/zxf1242652895/article/details/66971707

版权

JavaScript/Jquery 同时被 2 个专栏收录

58 篇文章 2 订阅

订阅专栏

dataTable

15 篇文章 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);


});