Maison >interface Web >js tutoriel >基于jquery实现的表格分页实现代码_jquery

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

WBOY
WBOYoriginal
2016-05-16 18:05:47896parcourir

具体代码如下:
引用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实现表格分页打包
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn