0

我正在使用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);
});

希望我的问题很清楚，如果您需要有关该问题的更多详细信息，请告诉我。

谢谢你。

4

1 回答 1

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);
});
于 2014-11-16T19:12:35.193 回答