Jquery分页 jquery有哪些功能
Page.jsp:
<%@ page contentType="text/html; charset=UTF-8"%>
<table tabindex="11" cellspacing="0" rules="all" border="0" id="page">
<tr>
<input type="hidden" id="pageno" name="pageno" value=""/>
<td colspan="100">
第<span id="curpage">1</span>页/共<span id="pagecount">1</span>页
共<span id="recordcount">0</span>条记录 每页
<select name="pagesize" id="pagesize" onchange="book()">
<option >5</option>
<option >10</option>
<option >20</option>
<option >30</option>
<option>40</option>
<option>50</option>
<option>70</option>
</select>
行 <span ><a href="#" id="first" disabled> 9 </a></span>
<a href="#" id="pre" disabled> 7 </a>
<input type="text" id="gopage" name="gopage" border="0" onKeyUp="this.value=this.value.replace(/D/g,'')" onafterpaste="this.value=this.value.replace(/D/g,'')"/>
<input type="button" name="button" id="go" value="Go"/>
<span><a href="#" id="next" disabled> 8 </a></span>
<a href="#" id="last" disabled> :</a></td>
</tr>
</table>
<script language="javascript" type="text/javascript">
$("#go").bind("click",function(){
var pagecount=$("#pagecount").html();
pagecount=parseInt(pagecount);
if($("#gopage").val()==0)
{
$("#gopage").val(1);
}
if($("#gopage").val()>pagecount)
{
$("#gopage").val(pagecount);
}
$("#pageno").val($("#gopage").val());
book();
})
$("#first").bind("click",function(){
$("#pageno").val("1");
book();
})
$("#pre").bind("click",function(){
var pageno=$("#pageno").val();
pageno=parseInt(pageno);
if(pageno>1)
{
$("#pageno").val(pageno-1);
book();
}
})
$("#next").bind("click",function(){
var pageno=$("#pageno").val();
var pagecount=$("#pagecount").html();
pageno=parseInt(pageno);
pagecount=parseInt(pagecount);
if(pageno<pagecount)
{
$("#pageno").val(parseInt(pageno)+1);
book();
}
})
$("#last").bind("click",function(){
var pagecount=$("#pagecount").html();
$("#pageno").val(pagecount);
book();
})
/**
pageno 页码
pagesize 每页数
recordcount 记录总数
pagecount 总页数
*/
function setPageData(pageno,pagesize,recordcount,pagecount)
{
pageno=parseInt(pageno)==0?1:pageno;
pagesize=parseInt(pagesize);
recordcount=parseInt(recordcount);
pagecount=parseInt(pagecount)==0?1:pagecount;
alert(pageno+":"+pagesize+":"+recordcount+":"+pagecount);
if(pageno>pagecount)
{
pageno=pagecount;
}
$("#pageno").val(pageno+"");
$("#curpage").html(pageno+"");
$("#pagesize").val(pagesize+"");
$("#recordcount").html(recordcount+"");
$("#pagecount").html(pagecount+"");
$("#first").attr("disabled",pageno<=1);
$("#pre").attr("disabled",pageno<=1);
$("#next").attr("disabled",pageno>=pagecount);
$("#last").attr("disabled",pageno>=pagecount);
}
</script>
Jquery.js:
function book()
{
var StartRow= $("#pageno").val();
var pagesize=$("#pagesize").val();
if (StartRow == null || StartRow == "") {
StartRow = "1";
}
if (pagesize == null || pagesize == "") {
pagesize = "5";
}
var row = (parseInt(StartRow) - 1) * parseInt(pagesize);
$.ajax({
type:'post',
url:'bookShop.do',
cache:false,
async:true,
data:{parameter:'bookInfo',startRow:row,pageSize:pagesize},
success:function(transport)
{
var de=transport.documentElement;
var pageRow=de.getElementsByTagName("pageRow")[0].text;
var pageSize=de.getElementsByTagName("pageSize")[0].text;
var rowCount=de.getElementsByTagName("rowCount")[0].text;
var pageCount=de.getElementsByTagName("pageCount")[0].text;
var nodelist = de.getElementsByTagName("bklist");
var htmlstr = "";
for (var i = 0; i < nodelist.length; i++) {
var id=nodelist[i].getElementsByTagName("id")[0].text;
var author = nodelist[i].getElementsByTagName("author")[0].text;
var bookname = nodelist[i].getElementsByTagName("bookname")[0].text;
var bookid = nodelist[i].getElementsByTagName("bookid")[0].text;
var bookprice = nodelist[i].getElementsByTagName("price")[0].text;
htmlstr += "<tr>"
+"<td>"
+id
+"</td>"
+"<td id='bookid'>"
+ bookid
+ "</td>"
+ "<td>"
+ "<a href=#>"
+ bookname
+ "</a>"
+ "</td>"
+ "<td>"
+ author
+ "</td>"
+ "<td id='price'>"
+ bookprice + "</td>"
+ "<td>"
+ "<a href=bookShop.do?parameter=getBookListCar&bookid=" + bookid + ">"
+ "shoping";
htmlstr += "</a><input type='button' value='u7f16u8f91' id='edit' onclick='edit(this)'></td>";
htmlstr += "</tr>";
}
$("#memberList").html(htmlstr);
setPageParam(pageRow,pageSize,rowCount,pageCount);
}
});
}
function setPageParam(pageRow,pageSize,rowCount,pageCount)
{
var pageNo; //第几页
if (pageRow % pageSize == 0) {
pageNo = pageRow / pageSize + 1;
} else {
pageNo = pageRow / pageSize;
}
setPageData(pageNo, pageSize, rowCount, pageCount);
}
Action:
public ActionForward bookInfo(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response)
throws Exception {
int startRow=Integer.parseInt(request.getParameter("startRow"));
int pageSize=Integer.parseInt(request.getParameter("pageSize"));
Document doc = DocumentHelper.createDocument();
Element rsp = doc.addElement("rsp");
Element el = null;
Element booklist=null;
DataPage<Bookshoping> page=new DataPage<Bookshoping>(startRow,pageSize);
List<Bookshoping> book = bookShopListBiz.getBookShopList(page,startRow,pageSize);
el = rsp.addElement("page");
el.addElement("pageRow").setText(String.valueOf(page.getPageNum())); //从第几条开始显示
el.addElement("pageSize").setText(String.valueOf(page.getPageSize())); //每页显示几条
el.addElement("rowCount").setText(String.valueOf(page.getTotalCount())); //共多少条数据
el.addElement("pageCount").setText(String.valueOf(page.getPageCount())); //分几页
for(Bookshoping bk:book)
{
booklist=rsp.addElement("bklist");
booklist.addElement("id").setText(String.valueOf(bk.getId()));
booklist.addElement("bookid").setText(String.valueOf(bk.getBookid()));
booklist.addElement("bookname").setText(bk.getBookname());
booklist.addElement("author").setText(bk.getAuthor());
booklist.addElement("price").setText(String.valueOf(bk.getPrice()));
}
writerXML(response, doc);
return null;
}
entity:
package cn.com.zte.Biz.Page;
import java.io.Serializable;
import java.util.ArrayList;
import java.util.List;
@SuppressWarnings("serial")
public class DataPage<T> implements Serializable{
//当前页数
private int pageNum;
//每页数量
private int pageSize;
//总数
private int totalCount;
private List<T> data;
public DataPage(int pageNum,int pageSize)
{
this.pageNum=pageNum;
this.pageSize=pageSize;
this.data=new ArrayList<T>();
}
/**
* 获取开始的行数
* @return
*/
public int getStartRow()
{
return this.pageNum;
}
/**
* 获取总页数
* @return
*/
public int getPageCount()
{
if(this.pageSize<1 || this.totalCount<1)
{
return 0;
}
else
{
if(totalCount%pageSize==0)
{
return totalCount/pageSize;
}else
{
return totalCount/pageSize+1;
}
}
}
public int getPageNum() {
return pageNum;
}
public void setPageNum(int pageNum) {
this.pageNum = pageNum;
}
public int getPageSize() {
return pageSize;
}
public void setPageSize(int pageSize) {
this.pageSize = pageSize;
}
public int getTotalCount() {
return totalCount;
}
public void setTotalCount(int totalCount) {
this.totalCount = totalCount;
}
public List<T> getData() {
if(data==null)
{
data=new ArrayList<T>();
}
return data;
}
public void setData(List<T> data) {
this.data = data;
}
}
更多阅读
眼霜排行榜前8强有哪些? 眼霜排行榜前8强
眼霜排行榜前8强有哪些?——简介 眼霜排行榜前8强有哪些?拥有华丽的外表可以给人一种清晰,舒适的感觉,也可以为自己的印象加分,而眼睛更是心灵的窗户,那么如何防护心显得优为重要了,在众多的眼霜当中,哪个牌子好,哪个牌子对你更适合,其重要性
哪些食物富含dha比较多? 富含dha的食物有哪些
哪些食物富含dha比较多?——简介由于人体自身难以合成足够的DHA补充大脑,故必须摄入DHA来弥补,否则将导致脑功能障碍,如记忆力下降和脑细胞间的信息传递能力下降、感观衰退等。究竟哪些食物中含有较为丰富的DHA呢? 哪些食物富含dha比较
网页制作的软件有哪些 怎样制作网页的步骤
网页制作的软件有哪些——简介对于网站制作者来说,了解常用的网页制作软件及功能是必备之基础,但是对于初学者来说,往往显得还不明确,下面小编就为大家介绍几款常用的网页制作软件,通过分析其优缺点,以便方便大家根据需要来选择。网页制
2015最新交通法规扣分细则有哪些? 交通法规扣分罚款细则
2015最新交通法规扣分细则有哪些?——简介依据道路交通安全违法行为的严重程度,一次扣分的分值为:12分、6分、3分、2分、1分五种。而各种扣分行为都有详细内容。下面我为大家介绍一下。朋友,如果这些内容对你有帮助,请在下面点击为我投1
绿豆的功效有哪些 鹰嘴豆的功效与作用
绿豆的功效有哪些?绿豆性凉味甘,有清热解毒、止渴消暑、利尿润肤的功效,还有一定的祛铅毒功效,绿豆粉因其含有大量蛋白质、B族维生素以及钙、磷、铁等矿物质,故有增白、淡化斑点、清洁肌肤、去除角质、抑制青春痘的功效。?绿豆具有抗