jQuery Datatable Scroller:向下滚动时Ajax调用未完成

时间:2019-03-06 09:12:45

标签: datatables scroller

我的滚动组件有问题。解释很简单:它仅在第一页上显示记录。当我向下滚动时,没有执行ajax调用来获取更多行,它仅显示空白。

我意识到,如果我改变

scrolly: 300

scrolly: 100

一切正常,但桌子很小。

这是表初始化的相关代码:

my_app.inspecciones_comentarios.RecogerFiltroListado = function () {
var datos =
{
    __RequestVerificationToken: $('[name="__RequestVerificationToken"]').val(),
    Id: $("#Id").val()
};
return datos;
};

my_app.inspecciones_comentarios.ObtenerListado = function () {
var tableSelector = '#ListadoComentarios';
var recogerFiltro = function () { return my_app.inspecciones_comentarios.RecogerFiltroListado(); };

$(tableSelector).DataTable(
    {
        serverSide: true,
        searching: false,
        scrollY: 300, //This causes the problem
        scrollResize:true,
        scrollCollapse: true,
        scroller: {
            loadingIndicator: true
        },
        deferRender: true,
        order: [2, 'desc'],
        ajax: {
            url: '/InspeccionComentario/ObtenerListado',
            type: "POST",
            data:
                function (d) {
                    return $.extend({}, d, recogerFiltro());
                }
        },


        columns: [
            { data: 'IsInternal' },
            {
                data: 'IdUsuario',
                searchable: false,
                orderable: false,
                render: function (data, type, row) {
                    var img = '<img alt="/Content/img/usuario1.jpg" class="img-circle imagen48" width="36" height="36" src="/DataBackend/Avatares/' + row.IdUsuario + '.jpg" />';
                    var nombre = '<span>' + row.Nombre + '</span>';
                    return img + nombre;
                }
            },
            {
                data: 'RegDate',
                render: function (data, type, row) {
                    var dt = my_app.globalize.ConvierteFechaSerializada(data);
                    return my_app.globalize.FormateaFecha(dt, 'short');
                }
            },
            { data: 'Comentario'}                
        ],
        columnDefs: [
            {
                visible: my_app.configuracion.UsuarioRol != my_app.master_data.Roles.Cliente,
                targets: [0]
            }
        ]
    }
);
};

有什么想法吗?

0 个答案:

没有答案