jquery eaayui 學習（二）pagination

1.js 腳本：

 

$('#pp').pagination({
		
		total:2000,          //記錄總條數
		pageSize:5,          //每頁記錄數
		pageNumber:3,         //當前頁號
		pageList:[5,10,15],     //pageSize 選項【必須是pageSize的整數倍】
		//loading:true             // 若是true ,數據加載時分頁條的刷新按鍵變成加載gif
		buttons:[{                 //分頁條上的  按鍵數組
			iconCls:'icon-save',
			handler:function(){alert("save");}
		},{
			iconCls:'icon-add',
			handler:function(){alert("add");}
		}],
		//showPageList:false      
		//showRefresh:false
		beforePageText:'當前第',            //默認  Page
		afterPageText:'頁,共{pages}頁',  //默認of ${pages}
		displayMsg: '{from}~{to}條,共{total}條' ,                   //Displaying {from} to {to} of {total} items
		//下面是事件：
		onSelectPage:function(pageNumber,pageSize){alert("pageNumber: "+pageNumber+" , pageSize: "+pageSize);}
	});
		$("#btn").click(function(){
		var op = $("#pp").pagination("options");
		alert(JSON.stringify(op));
		
		});

2.效果圖：