Jquery分页 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">&nbsp;

第<span id="curpage">1</span>页/共<span id="pagecount">1</span>页&nbsp;&nbsp;

共<span id="recordcount">0</span>条记录&nbsp;&nbsp;每页

<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)

{

Jquery分页 jquery有哪些功能
data=new ArrayList<T>();

}

return data;

}

public void setData(List<T> data) {

this.data = data;

}

}

  

爱华网本文地址 » http://www.aihuau.com/a/25101012/117151.html

更多阅读

眼霜排行榜前8强有哪些? 眼霜排行榜前8强

眼霜排行榜前8强有哪些?——简介 眼霜排行榜前8强有哪些?拥有华丽的外表可以给人一种清晰,舒适的感觉,也可以为自己的印象加分,而眼睛更是心灵的窗户,那么如何防护心显得优为重要了,在众多的眼霜当中,哪个牌子好,哪个牌子对你更适合,其重要性

哪些食物富含dha比较多? 富含dha的食物有哪些

哪些食物富含dha比较多?——简介由于人体自身难以合成足够的DHA补充大脑,故必须摄入DHA来弥补,否则将导致脑功能障碍,如记忆力下降和脑细胞间的信息传递能力下降、感观衰退等。究竟哪些食物中含有较为丰富的DHA呢? 哪些食物富含dha比较

网页制作的软件有哪些 怎样制作网页的步骤

网页制作的软件有哪些——简介对于网站制作者来说,了解常用的网页制作软件及功能是必备之基础,但是对于初学者来说,往往显得还不明确,下面小编就为大家介绍几款常用的网页制作软件,通过分析其优缺点,以便方便大家根据需要来选择。网页制

2015最新交通法规扣分细则有哪些? 交通法规扣分罚款细则

2015最新交通法规扣分细则有哪些?——简介依据道路交通安全违法行为的严重程度,一次扣分的分值为:12分、6分、3分、2分、1分五种。而各种扣分行为都有详细内容。下面我为大家介绍一下。朋友,如果这些内容对你有帮助,请在下面点击为我投1

绿豆的功效有哪些 鹰嘴豆的功效与作用

绿豆的功效有哪些?绿豆性凉味甘,有清热解毒、止渴消暑、利尿润肤的功效,还有一定的祛铅毒功效,绿豆粉因其含有大量蛋白质、B族维生素以及钙、磷、铁等矿物质,故有增白、淡化斑点、清洁肌肤、去除角质、抑制青春痘的功效。?绿豆具有抗

声明:《Jquery分页 jquery有哪些功能》为网友温柔將領分享!如侵犯到您的合法权益请联系我们删除