Skip to main content
 首页 » 编程设计

jQuery DataTable之将复选框列与服务器数据动态绑定(bind)

2026年05月17日39傻小

在jQuery数据表中,绑定(bind)服务器数据时如何动态绑定(bind)复选框列?

我的代码:

oTable = $("#tblPreProcess").dataTable({ 
            bProcessing: true, 
            bLengthChange: false, 
            bFilter: true, 
            sAjaxSource: '@Url.Action("FetchPreprocessOrders", "Admin")', 
            aoColumns: [ 
               { sTitle: "Order No", bSortable: false ,bSearchable: true}, 
                { sTitle: "Vol.Weight", bSortable: false }, 
                { sTitle: "Content", bSortable: false, },                
                 { sTitle: "Bag Number", bSortable: false }                                
            ]                
 
        }); 

在上面给出的代码中,如何在“订单号”列之前添加复选框列。

请您参考如下方法:

您可以像下面的代码那样执行此操作:

    oTable = $("#tblPreProcess").dataTable({ 
            bProcessing: true, 
            bLengthChange: false, 
            bFilter: true, 
            sAjaxSource: '@Url.Action("FetchPreprocessOrders", "Admin")', 
            aoColumns: [ 
               { sTitle: "Select", bSortable: false , 
                 mRender: function (data, type, full) 
                 { 
                    return '<input type="checkbox" class="selector" data-id="'+ data +'">' 
                 }, 
               { sTitle: "Order No", bSortable: false ,bSearchable: true}, 
               { sTitle: "Vol.Weight", bSortable: false }, 
               { sTitle: "Content", bSortable: false, },                
                { sTitle: "Bag Number", bSortable: false }                                
            ]                
 
        });