How to Use the smartpaginator paging plug-in

Recently I intentionally studied the http://www.it28.cn using jquery's smartpaginator paging plug-in,

I would like to share with you

1. Introduce CSS and JS packages
<LINK rel = "stylesheet" href = "/CSS/smartpaginator.css"/>

<SCRIPT type = "text/JavaScript" src = "/scripts/smartpaginator. js"> </SCRIPT>

 

Finally, configure the paging parameters.
<SCRIPT type = "text/JavaScript">

$ (Document). Ready (function (){

$ ('. Pagination'). smartpaginator ({

Totalrecords: 33641,

Recordsperpage: 35,

Length: 15,

Next: 'Next page ',

PREV: 'preput ',

First: 'First page ',

Last: 'End page ',

Go: 'Go ',

Theme: 'red ',

Controlsalways: True,

Onchange: function (pageindex ){

Alert ("This part loads your paging content ")
},

Error: function (){

$ ("# Loadtbl" ).empty().html ("<tr> <TD colspan = '3' class = 'loadtext'> loading times out. Please refresh... </TD> </tr> ");

Return false;

}

});

}

});

});

</SCRIPT>

 

In this way, Ajax paging is used to load content.

Note:CodeCollected on www.it28.cnYou can download the CSS and JS packages on this website.