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

我正在使用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是页面索引。

因此，要在另一个页面上显示项目的详细信息，您可以执行以下操作：

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