jQuery中Datatables增加跳转到指定页功能

2020-05-19 07:27:18易采站长站整理

下面一段代码是关于datatable增加跳转到指定页功能,具体代码如下所示:


var
mytable = $('#datatables');
mytable.dataTable(
{
"sDom":
"<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
"sPaginationType":
"bootstrap",
"bProcessing":
true,
"bServerSide":
true,
"sAjaxSource":
"/user/list",
"aoColumns":
[
{
"mData":
"Id"
},
{
"mData":
"Username"
},
{"mData":function(obj){
return
obj.group;
}},
{"mData":"yiyuan"},
{"mData":function(obj){
return
obj.keshi;
}},
{"mData":function(obj){
if(obj.Status==1){
return
"使用中";
}else{
return
"禁用";
}
}},
{"mData":
function(obj){
var
del="";
if(isAdmin){
del='<a
data-title="'
+ obj.Id + '"
class="btn btn-danger"><i class="icon-wrench icon-white" ></i>删除</a>';
}
return
'<a data-title="'
+ obj.Id + '"
class="btn btn-success" href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><i class="icon-edit icon-white"></i>修改</a>'
+'  '+del;
},bSortable
: false}
],
"fnDrawCallback":
function(){
var
oTable = $("#datatables").dataTable();
$('#redirect').keyup(function(e){
if($(this).val()
&& $(this).val()>0){
var
redirectpage = $(this).val()-1;
}else{
var
redirectpage = 0;
}
oTable.fnPageChange(
redirectpage );
});
}
});
bootstrap插件形式:
/*
Set the defaults for DataTables initialisation */
$.extend(
true,
$.fn.dataTable.defaults, {
"sDom":
"<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
"sPaginationType":
"bootstrap",
"oLanguage":
{
"sSearch":
"快速搜索:",
"bAutoWidth":
true,
"sLengthMenu":
"每页显示
_MENU_ 条记录",
"sZeroRecords":
"Nothing
found - 没有记录",
"sInfo":
"_START_
到 _END_ 条,共 _TOTAL_ 条",
"sInfoEmpty":
"显示0条记录",
"sInfoFiltered":
"(从
_MAX_ 条中过滤)",
"sProcessing":"<div
style=''><img src='../static/img/loader.gif'><span>加载中...</span></div>",
"oPaginate":
{
"sPrevious":