我的滚动组件有问题。解释很简单:它仅在第一页上显示记录。当我向下滚动时,没有执行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]
}
]
}
);
};
有什么想法吗?