Home > Web Front-end > JS Tutorial > Table paging implementation code based on jquery_jquery

Table paging implementation code based on jquery_jquery

WBOY
Release: 2016-05-16 18:05:47
Original
887 people have browsed it

The specific code is as follows:
The referenced js and css files are:

Copy code The code is as follows:







Page code:
Copy code Code As follows:












< ;/thead>










< ;/tr>


Select< ;/td>
User IDascending UsernameAscendingdescending DepartmentAscendingDescending Creation timeascendingdescending Created byAscendingdescending menu set nameAscendingDescending Is it validAscendingdescending
${smUser.userId }
${smUser.userName } ${smUser.organCode } ${smUser.createTime } ${smUser.creator } ${smUser.menusId } ${smUser.valid }



Special attention should be paid here to add tag, and note that the id of the table here is userTable. This is very important in the reference of the Js file later. The sentence $("#userTable").tablePaging(); will execute jquery.table. code in js.
The code of the background action is as follows:
Copy the code The code is as follows:

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实现表格分页打包
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template