首页 >web前端 >js教程 >基于jquery实现的表格分页实现代码_jquery

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

WBOY
WBOY原创
2016-05-16 18:05:47904浏览

具体代码如下:
引用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