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.