datatables实现分页

var grid=$('#cms_role_ajax').dataTable({
"aLengthMenu": [
                   [10, 15, 20, -1],
                   [10, 15, 20, "All"] // change per page values here
               ],
        "iDisplayLength": 10,
        "sAjaxSource": "jsp/relateSystem/listRelateSystem.do", 
        "sPaginationType": "bootstrap",
        "bLengthChange": false,//改变每页显示数据数量
        "bAutoWidth": false,//启用或禁用自动列宽度的计算。
        "bFilter" : false,
        "bDestroy" : true,
        "bServerSide" : false,
        "bSortClasses" : false,
        "bSort" : false,
        "oLanguage": {
        "sProcessing": "正在加载中......",
            "sLengthMenu": "每页显示 _MENU_ 条记录",
            "sZeroRecords": "对不起，查询不到相关数据！",
            "sEmptyTable": "表中无数据存在！",
            "sInfoEmpty":    "显示第 0 至 0 项结果，共 0 项",
            "sInfo": "当前显示 _START_ 到 _END_ 条，共 _TOTAL_ 条记录",
            "sInfoFiltered": "数据表中共为 _MAX_ 条记录",
            "sSearch": "搜索",
            "oPaginate": {
                "sFirst": "首页",
                "sPrevious": "上一页",
                "sNext": "下一页",
                "sLast": "末页"
            }
       },
        "aoColumns": [{
        "sClass": "center",
"mDataProp" : "id","sTitle":ck,"sWidth": "5%",
"mRender" : function(data, type, row) {
return '<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input id="'
+ row.id
+ '" value="'
+ row.id
+ '" class="list_check group-checkable" name="check" type="checkbox"><span></span></label>';
}
},
              { "sClass": "center","mDataProp":"nameCh", "sTitle": "菜单显示名","sWidth": "10%"},
              { "sClass": "center","mDataProp":"name", "sTitle": "系统标识","sWidth": "10%"},
              { "sClass": "center","mDataProp":"vendor", "sTitle": "厂商","sWidth": "15%"},
              { "sClass": "center","mDataProp":"version", "sTitle": "版本","sWidth": "10%"},
              { "sClass": "center","mDataProp":"url", "sTitle": "访问URL","sWidth": "25%",
              "mRender" : function(data, type, row) {
              var html="";
html=html+"<a href="+data+" target=\"_blank\">"+data+"</a>";
return html;
              }
              },
              { "sClass": "center","mDataProp":"version", "sTitle": "导航显示(最多可选5个)","sWidth": "10%",
              "mRender" : function(data, type, row) {
              var id="switch_"+row.id
              var html="";
html=html+'<input type="checkbox" id="'+id+'"   data-on-text="是" data-off-text="否"/>';
return html;
}
              },
              { "sClass": "center","mDataProp":"id",  "sTitle": "操作" ,"sWidth": "8%",
"mRender" : function(data, type, row) {
var rt = "";
rt = rt + '<span οnclick="$.relateSystem.showEditSystem(' + data + ',false)" class="pull-left btn btn-sm btn-blue" style="width: 20px; height: 20px; background: url(img/conmon/edit01.png) no-repeat center; margin-right:20px;"></span>';
/*rt = rt + "&nbsp;&nbsp;";*/
rt = rt + '<span οnclick="$.relateSystem.deleteSystem(' + data + ',false)" class="pull-left btn btn-sm btn-blue" style="width: 20px; height: 20px; background: url(img/conmon/delate01.png) no-repeat center;"></span>';
return rt;
}},
],

"fnDrawCallback" : function(oSettings) {
var btnHtml='<div class="btn-purple pull-left ">';
btnHtml+='<div>';
btnHtml+='<button οnclick="$.relateSystem.showAddSystem();">';
btnHtml+='<i class="fa fa-plus "></i>&nbsp;&nbsp;添加';
btnHtml+='</button>';
btnHtml+='</div>';
btnHtml+='</div>';
btnHtml+='&nbsp;&nbsp;';
btnHtml+='<div class="btn-purple-o pull-left ">';
btnHtml+='<div>';
btnHtml+='<button οnclick="$.relateSystem.batchDelete()">';
btnHtml+='<i class="fa fa-close"></i>&nbsp;&nbsp;删除';
btnHtml+='</button>';
btnHtml+='</div>';
btnHtml+='</div>';
var htmlLi = '<li id="relateSystem_more" data-toggle="dropdown">'
htmlLi+='<a href="#" οnclick="$.relateSystem.showManySystem()">'
htmlLi+='<span id="relateSystemSpan_more">更多</span><i class="menu-icon mor"></i> </a></li>'
if ($(".custormBtn").html()==""){

$(".custormBtn").html(btnHtml);
}
}

});

grid.fnReloadAjax（）//从新加载