ExtJs+Dwr带分页分组传参后台排序功能的grid.docx

ExtJs+Dwr带分页分组传参后台排序功能的grid主要包含：这个主要用到ExtJS+DWR+Spring+Hibernate,主要包括浏览页（usernamerecord.jsp），脚步文件（usernamerecord.js），dwr分页代理脚本文件（dwrproxy.js），实体类（Record.java），Dao接口（RecordDao），Dao类(RecordDaoImpl)，Service类（RecordServiceImpl），Service接口（RecordService），分页类（ListRange.java），dwr自带（engine.js），ext自带（ext-all.js,ext-base.js,ext-all.css）,(分页底部工具栏)PagingToolbar.js显示结果：usernamerecord.jsp页面%@ page language=java import=java.util.* pageEncoding=gbk%%String path = request.getContextPath();String basePath = request.getScheme()+://+request.getServerName()+:+request.getServerPort()+path+/;%!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//ENhtml head base href=%=basePath% titleMy JSP usernamerecord.jsp starting page/title meta http-equiv=pragma content=no-cachemeta http-equiv=cache-control content=no-cachemeta http-equiv=expires content=0 meta http-equiv=keywords content=keyword1,keyword2,keyword3meta http-equiv=description content=This is my page link rel=stylesheet type=text/css href=ext-2.2.1/resources/css/ext-all.css/ script src=ext-2.2.1/adapter/ext/ext-base.js/scriptscript src=ext-2.2.1/ext-all.js/scriptscript type=text/javascript src=/wangba/dwr/util.js/scriptscript type=text/javascript src=/wangba/dwr/engine.js/scriptscript type=text/javascript src=/wangba/dwr/interface/RecordService.js/scriptscript type=text/javascript src=jss/dwrproxy.js/scriptscript type=text/javascript src=jss/PagingToolbar.js/scriptscript src=usernamerecord.js/script /head body /body/html?usernamerecord.js文件var wait;var totalcost;var size;Ext.onReady(function(){waiting();Ext.BLANK_IMAGE_URL=ext-2.2.1/resources/images/default/s.gif;var start=0;var pageSize=18;var sm = new Ext.grid.CheckboxSelectionModel();var cm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(),sm, {header : 编号,dataIndex : recordid,sortable : true}, {header : 用户编号,sortable : true,dataIndex : userid}, {header : 用户名,sortable : true,dataIndex : username,width:150}, {header : 机器号,sortable : true,dataIndex : computerid}, {header : 上