Question

我正在使用角度数据表（1.10.19）。 ref this for server side angular way

我已经用C＃编写了Web api以获取所需格式的数据。使用以下dtoptions，服务器端可以正常工作。

dtOptions = {
                    pagingType: 'full_numbers',
                    pageLength: 10,
                    processing: true,
                    serverSide: true,
                    orderCellsTop: true,
                    ajax: (dataTablesParameters: any, callback) => {

                        this.mainpageservice.GetPaginatedData(this.menuID, this.UserName, dataTablesParameters)
                            .subscribe(resp => {
                                this.Module = resp.data;
                                console.log('serverside', this.Module);
                                callback({
                                    recordsTotal: resp.recordsTotal,
                                    recordsFiltered: resp.recordsFiltered,
                                    data: [],
                                });
                            });
                    },

现在，我也想使用服务器端角度方式数据表显示多个表。为此，我正在使用：for multiple datatables

根据记录，我创建了一个返回数据表设置的函数。但是这里的ajax调用不起作用。

有人可以建议我做错了什么吗？

    private buildDtOptions(menu: number, Username: string): DataTables.Settings  {
    alert('call');
    return {
        pagingType: 'full_numbers',
        pageLength: 10,
        processing: true,
        serverSide: true,
        orderCellsTop: true,
        ajax: (dataTablesParameters: any, callback) => {
            console.log(dataTablesParameters);
            this.mainpageservice.GetPaginatedData(menu, Username, dataTablesParameters).subscribe(resp => {
                    this.Module = resp.data;
                    console.log('serverside', this.Module);
                    callback({
                        recordsTotal: resp.recordsTotal,
                        recordsFiltered: resp.recordsFiltered,
                        data: [],
                    });
                });
        }

    };
}

Answer 1

不确定您是否遇到了与我相同的问题，但是当我从“角度方式”移到“服务器端的角度方式”时，我忘记删除了dtTrigger参考从标记。从表格标签中删除[dtTrigger]="dtTrigger"后，我的世界一切都很好。

Angular 6数据表服务器端Ajax请求不起作用

1 个答案: