>  기사  >  웹 프론트엔드  >  Jquery_jquery를 기반으로 한 테이블 동적 페이징을 위한 구현 코드

Jquery_jquery를 기반으로 한 테이블 동적 페이징을 위한 구현 코드

WBOY
WBOY원래의
2016-05-16 18:05:45977검색

페이지에서 페이징 아이콘을 클릭하면 프로그램이 자동으로 배경으로 이동하여 해당 페이지 번호의 기록을 얻습니다.
키 코드는 다음과 같습니다.
가져와야 할 CSS 및 js 파일은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.



< script 언어="javascript" type="text/javascript" src="<%=basePath %>js/jquery.js">

여기서 jsp 페이지 코드는 다음과 같습니다.
코드 복사 코드는 다음과 같습니다.




html 페이지 코드는 다음과 같습니다.



코드 복사

코드는 다음과 같습니다.

<본문>






<번째 너비="14%">
사용户ID
<번째 너비="14%">
사용명
<번째 너비="14%">
所在科室
<번째 너비="14%">
创建时间
<번째 너비="14%">
创建人
<번째 너비="14%">
菜单集name称
<번째 너비="14%">
是否有效













로드 중....































后台action中代码如下:
复代码 代码如下:

//分页获取用户信息
public void listUser2(ActionMapping 매핑, ActionForm 양식,
HttpServletRequest 요청, HttpServletResponse 응답){
RequestTool 도구 = new RequestTool(요청);
정수 pageSize = tool.getIntParameter("pageSize");
정수 pageIndex = tool.getIntParameter("pageIndex");
ResultPage res = serviceSmUserImpl.findAllSmUsers(pageIndex, pageSize);
목록 smUserList = (List)res.getResult();
JSONArray 배열 = 새로운 JSONArray();
JSONObject 개체 ;
for(SmUser user:smUserList){
object = new JSONObject();
object.put("userId", user.getUserId());
object.put("userName",user.getUserName());
object.put("depId", user.getOrganCode());
object.put("createTime", user.getCreateTime());
object.put("creator", user.getCreator());
object.put("menusId", user.getMenusId());
object.put("isValid", (user.getValid().equals("1")?"有效":"无效"));
array.add(객체);
}
AjaxTool.returnAjaxResponse(response, array.toJSONString());
}
//获取总的记录数和总页数
public void getPageCount(ActionMapping 매핑, ActionForm 양식,
HttpServletRequest 요청, HttpServletResponse 응답){
RequestTool 도구 = 새 RequestTool( 요구);
int pageSize = tool.getIntParameter("pageSize");
목록 pojos = serviceSmUserImpl.findAll();
int pageCount = pojos.size()% pageSize > 0? (pojos.size()/ pageSize 1):(pojos.size()/ pageSize);
JSONArray 배열 = 새 JSONArray();
JSONObject 개체 = 새 JSONObject();
object.put("pageCount", pageCount);
object.put("totalCount", pojos.size());
array.add(객체);
AjaxTool.returnAjaxResponse(response,array.toJSONString());
}

文件打包下载
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.