Heim  >  Artikel  >  Web-Frontend  >  基于jquery实现的表格分页实现代码_jquery

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

WBOY
WBOYOriginal
2016-05-16 18:05:47870Durchsuche

具体代码如下:
引用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实现表格分页打包
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn