angularjs的jquery dataTable绑定问题

Posted 2023-05-09

【中文标题】angularjs的jquery dataTable绑定问题

【英文标题】：jquery dataTable binding issue with angularjs

【发布时间】：2018-03-19 22:56:19

【问题描述】：

我已经初始化了数据表，但是它不能正常工作

function CompaniesList() 
    $http.get('/Companies/GetList')
        .then(function (result) 
            $scope.CompaniesList = result.data;
            $('#myTable').DataTable();
            //if (!$.fn.DataTable.isDataTable('#myTable')) 
            //    $('#myTable').dataTable();
            //
        , function () 
        )

【问题讨论】：

检查附有问题的图片

你加载的 js 文件是否准确？

是的，我在加载它的显示数据表时添加了文件，当我点击排序或搜索它打破的东西时

还告诉我如何在这个数据表中添加服务器端分页？

你没有databale的配置吗？还是您使用静态表来生成数据表？关于服务器端数据表的分页，数据表已经具有某些获取参数，这些参数在数据表的文档中得到了很好的指定。 "datatables.net/manual/server-side" 您可以使用参数并生成相应的逻辑来生成数据

【参考方案1】：

对不起，我无法在评论中发布这么长的代码，所以我将其发布为答案

$('#example').DataTable(
    "processing": true,
    "serverSide": true,
    "ajax": 
        url: 'your url', // the url to request for.
        data: function (d) 
            // d is the default dataset of the datatables..
            // append your data items if you have any extra parameters to pass to "d". like d['sample'] = 'new data';
            return d;
        ,
        type: 'GET', // default is GET and if you need you may change them to POST.
        dataType: 'json'
    ;
);

您可以获取数据表的所有参数作为获取参数以及您发送的额外参数。

【讨论】：

数据返回到哪里？就像普通的ajax请求一样？

返回的数据将由数据表自动处理。如果您希望将它们作为其他东西处理，那么您可以添加 success 参数和 function 以返回 processed data

您也可以使用数据表的columns 属性中的render 属性来处理不同列的数据。