0.2.0
The pagination made simple. even you using any front-end enviroment.
oh, sorry western users. this is a simple pagination library. most korean users called pagination as "paging". so, I decided named to "jquery.paging" from few years ago for korean users.
bower install jquery.paging
or, download ZIP, extract and place files to your script folder.
requirements: jquery >= 1.5.0
//I think there is no more simpler than this code.
$('#paging').paging({max:50});
//If pagination applied, you can call again without full option arguments.
//that is, you can call again that you need something change. such as change current page:
$('#paging').paging({current:2}); // you will change page 2 instead of 1 of 50 page.
//or, if you destroy pagination, write simple call below:
$('#paging').paging('destroy');
className: (new) the pagination container css class name. default is"jquery-paging".
item: item tag element name, default is"a".
itemClass: item tag element class, default is"paging-item".
itemCurrent: current page element class. this class will append with item class, default is"selected".
format: a content of page element, default is"[%d]".
sideClass: class for next and prev button, default is"paging-side".
next: a content of next page element. default is"[>{5}]"("[>{5}]")
prev: a content of prev page element. default is"[{4}<]"("[{4}<]")
first: a content of first page element. default is"[1<<]"
last: a content of last page element. default is"[>>{6}]"
length: length of display pages. default is10.
max: defines max page. default is1.
current: defines default page. default is1.
href: if item tag name is 'a', activate link each item. default is"#%d"
event: activate default events. If you click any item, change paging dynamically. usally for ajax. default istrue. these event will only affected when event=true.
onclick: fire event if clicked any items. if you returns false, will not refresh paging. if you want apply paging but you won't any action such as link action, callevent.stopPropagation()!
onprev: init additional operation for prev button.thisscopes prev button element(plain DOM. not jQuery!)
onnext: init additional operation for next button.thisscopes next button element(plain DOM. not jQuery!)
onitem: init additional operation for each page item button.thisscopes any page item element.
(for format,next,prev,href,first,last property)
{0}= item page
{1}= page length
{2}= start page
{3}= end page
{4}= last page of prev part
{5}= start page of next part
{6}= max page
- 0.2.1 : fixed incorrect condition of show/hide the
nextandlastbutton. - 0.2.0 : remove
appendproperty due to unstable and unused. added new propertyclassNamefor managing pagination container. paging options will stored on targeted element for call again with override. - 0.1.7 : improved onclick event.
- 0.1.6 : first and last content can be false. it will not make first or last button.
- 0.1.5 : first and last button added. and content can appends substitution. new option 'append' : If you set this true, paging will generate content without delete target's content. default is false. new Substitution {6} : the last page (equal of op.max).
- 0.1.0 : initial release.
MIT