Rumah >hujung hadapan web >tutorial js >基于jquery实现的表格分页实现代码_jquery

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

WBOY
WBOYasal
2016-05-16 18:05:47896semak imbas

具体代码如下:
引用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实现表格分页打包
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn