Question

我正在使用jqxDataTable插件，如果当前页面中存在行索引，我能够成功显示行详细信息，如果行索引在下一页或任何行中，我不知道如何显示行详细信息其他页面，我需要一些帮助来完成这项任务，请有人帮忙，请看看这个JSFiddle

这是方案

每页3个创建数据表

$("#dataTable").jqxDataTable({
  width: 632,
  source: dataAdapter,
  pageable: true,
  pageSize: 3,
  ....
  ....
  .. some more code
 });

显示行详情的按钮

显示行详细信息的两个按钮，其中第一个按钮工作，因为行索引在当前页面中，第二个按钮没有。

 // Page 1 row - no issue
 $('#jqxbutton').click(function () {
        $("#dataTable").jqxDataTable('showDetails', 0);
 });

 // Page 2 row - don't know how to switch page automatically
 $('#jqxbutton2').click(function () {
       $("#dataTable").jqxDataTable('showDetails', 5);
});

希望我的问题很明确，如果您需要有关该问题的详细信息，请与我联系。

谢谢。

Answer 1

如果您要转到某个页面，可以执行以下操作：$("#dataTable").jqxDataTable('goToPage', 2);其中2是页面索引。

因此，对于另一页上某个项目的showDetails，您可以执行以下操作：

$('#jqxbutton2').click(function () {
    var item = 6;
    var pageSize = $("#dataTable").jqxDataTable('pageSize');
    $("#dataTable").jqxDataTable('goToPage', parseInt(item/pageSize));
    $("#dataTable").jqxDataTable('showDetails', item);
});

如果索引不存在，则jqxdatatable showDetails函数自动页面切换

1 个答案: