【问题标题】:jquery dataTable binding issue with angularjsangularjs的jquery dataTable绑定问题
【发布时间】: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" 您可以使用参数并生成相应的逻辑来生成数据

标签: jquery angularjs asp.net-mvc datatables-1.10


【解决方案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 属性来处理不同列的数据。
猜你喜欢
  • 1970-01-01
  • 2019-01-26
  • 1970-01-01
  • 1970-01-01
  • 2015-09-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多