首页 > 网站 > WEB开发 > 正文

jquery.datatables添加跳转到指定页

2024-04-27 15:03:18
字体:
来源:转载
供稿:网友

jQuery.datatables默认不支持跳转到指定页面

解决方法如下:

'fnDrawCallback': function(table) {      $("#tableId_paginate").append("  到第 <input type='text' id='changePage' class='input-text' style='width:50px;height:27px'> 页            <a class='btn btn-default shiny' href='javascript:void(0);' id='dataTable-btn' style='text-align:center'>确认</a>");      var oTable = $("#tableId").dataTable();      $('#dataTable-btn').click(function(e) {          if($("#changePage").val() && $("#changePage").val() > 0) {              var redirectpage = $("#changePage").val() - 1;          } else {              var redirectpage = 0;          }          oTable.fnPageChange(redirectpage);      });  },

如代码所示,在$("#memberDg").DataTable中添加上面的元素

ps:tableId_paginate表示你希望其所在的位置,这里是插件分页条div的id,oTable表示其表格,修改tableId为你表格id即可。


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表