一.跳转到指定页:
1.index.html中找到
<script language="JavaScript">
var datatable;
function initDatatable() {
datatable = $('.datatable').DataTable({
"dom": '<"toolbar">frtip',
"searching": false,
"processing": false,
"serverSide": true,
"select": true,
"ordering": true,
把这里面的
datatable = $('.datatable').DataTable({
中的DataTable变为小写dataTable (ps:这里折腾我一身包)
2."ordering": true,后增加这段代码
"fnDrawCallback": function () {
$('#redirect').keyup(function (e) {
var redirectpage;
if (e.keyCode == 13) {
if ($(this).val() && $(this).val() > 0) {
redirectpage = $(this).val() - 1;
} else {
redirectpage = 0;
}
datatable.fnPageChange(parseInt(redirectpage));
}
});
},
3.找到dataTables.bootstrap.js在
var attach = function( container, buttons ) {
var i, ien, node, button;
var clickHandler = function ( e ) {
e.preventDefault();
if ( !$(e.currentTarget).hasClass('disabled') ) {
api.page( e.data.action ).draw( false );
}
};
这段代码后面插入
if ($("#redirect") != null)
$("#redirect").remove();
$("<input type=\"text\" style=\"width: 50px;padding-top: 10px;height: 30px;border-radius: 0px 4px 4px 0px;\" id=\"redirect\" class=\"redirect\">").appendTo(container);
记住所有的index.html都要这样更改哦
二.默认列表显示10条记录改为显示20条
这个简单
<script language="JavaScript">
var datatable;
function initDatatable() {
datatable = $('.datatable').DataTable({
"dom": '<"toolbar">frtip',
"searching": false,
"processing": false,
"serverSide": true,
"select": true,
"ordering": true,
的 "ordering": true,后面新增一个属性
"iDisplayLength": 20, //每页显示条数
收工,妈妈喊我吃饭了~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~