如何使用jquery更改外部datatable中的页码datatable？ [英] how to change page number datatable in outside datatable with jquery?

问题描述

我正在使用DataTable 1.10.4与php和jquery。
我想要使用jquery的页码表，但我的代码不工作？请帮助我？

  $（function（）{
 
 dTable = $（'＃allProductsTbl' ）.DataTable（{
aLengthMenu：[[1，50，100，-1]，[20，50，100，همه]]，
respond：true，
language：{
url：../data/include/public/Persian.json
}，
processing：true，
 serverSide：true，
ajax：products / op / dt_processing.php
}）; 
 dTable.order（[3，'desc']）.draw（）; 
 // alert（'pageNumber：'+ dTable.page（））; 
 dTable.page（3）.draw（false）; 
 
}）; 
  

解决方案

解决方案

使用 页（） API方法来设置表的当前页面。请注意，页码为零，因此页（3）打开4 ^th 页。

例如：

  $（'＃allProductsTbl'）。on（'xhr.dt'，function（e，设置，json）{
 var api = new $ .fn.dataTable.Api（settings）; 
 api.page（3）.draw（false）; 
}）; 
 
 var dTable = $（'＃allProductsTbl'）。DataTable（{
aLengthMenu：[[1，50，100，-1]，[20，50，100， همه]]，
respond：true，
language：{
url：../data/include/public/Persian.json
 ，
processing：true，
serverSide：true，
ajax：products / op / dt_processing.php，
order 3，'desc']] 
}）; 
  

演示

请参阅这个jsFiddle 进行演示。

I am using DataTables 1.10.4 with php and jquery. I want page numbers table with jquery but my code not Work? please helm me?

$(function(){

        dTable  =   $('#allProductsTbl').DataTable({
            "aLengthMenu": [[1, 50, 100, -1], [20, 50, 100, "همه"]],
            "responsive": true,
            "language": {
                "url": "../data/include/public/Persian.json"
            },
            "processing": true,
            "serverSide": true,
            "ajax":"products/op/dt_processing.php"
        });
        dTable.order( [ 3, 'desc' ] ).draw();
        //alert('pageNumber:'+dTable.page());
       dTable.page(3).draw(false);

    });

解决方案

SOLUTION

Use page() API method to set current page of the table. Note that page number is zero-based so page(3) opens 4^th page.

For example:

$('#allProductsTbl').on('xhr.dt', function ( e, settings, json ) {
   var api = new $.fn.dataTable.Api(settings);
   api.page(3).draw(false);
});

var dTable = $('#allProductsTbl').DataTable({
   "aLengthMenu": [[1, 50, 100, -1], [20, 50, 100, "همه"]],
   "responsive": true,
   "language": {
      "url": "../data/include/public/Persian.json"
   },
   "processing": true,
   "serverSide": true,
   "ajax":"products/op/dt_processing.php",
   "order": [[ 3, 'desc' ]]
});

DEMO

See this jsFiddle for demonstration.

这篇关于如何使用jquery更改外部datatable中的页码datatable？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！