首頁  >  文章  >  web前端  >  基于jquery实现的表格分页实现代码_jquery

基于jquery实现的表格分页实现代码_jquery

WBOY
WBOY原創
2016-05-16 18:05:47869瀏覽

具体代码如下:
引用js和css文件有:

复制代码 代码如下:







页面代码:
复制代码 代码如下:




























选择 用户ID升序降序 用户名称升序降序 所在科室升序降序 创建时间升序降序 创建人升序降序 菜单集名称升序降序 是否有效升序降序
${smUser.userId } ${smUser.userName } ${smUser.organCode } ${smUser.createTime } ${smUser.creator } ${smUser.menusId } ${smUser.valid }



此处要特别注意的是要讲table的表头加上标签,且注意此处的table的id为userTable,这个在后面Js文件的引用中十分重要,一句$("#userTable").tablePaging();会去执行jquery.table.js中的代码。
后台action的代码如下:
复制代码 代码如下:

public ActionForward listUser(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response){
List pojos = serviceSmUserImpl.findAll();
List smUserList = new ArrayList();
for(POJO pojo:pojos){
smUserList.add((SmUser)pojo);
}
request.setAttribute("userList",smUserList);
return mapping.findForward("smUserList");
}

运用jquery实现表格分页打包
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn