Extjs+Mysql实现动态分页 -

zqssei

浏览: 1765 次
性别:
来自: 南京

最近访客更多访客>>

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

Extjs+Mysql实现动态分页

博客分类：

Extjs

sql extjs java json

刚刚学习Extjs，用Extjs做个了分页的小例子，有什么不对的地方请指出

<title>分组列表</title>
		<link rel="stylesheet" type="text/css" href="Extjs/resources/css/ext-all.css">
		<script type="text/javascript" src="Extjs/adapter/ext/ext-base.js"></script>
		<script type="text/javascript" src="Extjs/ext-all.js"></script> 
        <script type="text/javascript">
        	Ext.onReady(function(){
        		var userStore = new Ext.data.Store({
        			
        			proxy : new Ext.data.HttpProxy( {  
            				url : 'groups.do?method=groupsQuery'// 设置代理请求的url  
        			}),  
        			reader : new Ext.data.JsonReader({
        				totalProperty : 'results',
        				root : 'items',
        				id : 'row_id'
        			},
        			['row_id','name','createid','createtime','updateid','updatetime'])
        		});
        		
        		
        		
        		var sm = new Ext.grid.CheckboxSelectionModel();
        		var cm = new Ext.grid.ColumnModel([
        			new Ext.grid.RowNumberer(),sm,{
        				header : '编号',
        				width : 30,
        				dataIndex : 'row_id',
        				sortable : true	
        			},{
        				header : '分组名',
        				width : 40,
        				dataIndex : 'name',
        				sortable : true
        			},{
        				header : '创建时间',
        				width:50,
        				dataIndex : 'createtime',
        				sortable : true
        			},{
        				header : '更新时间',
        				width : 50,
        				dataIndex : 'updatetime',
        				sortable : true
        			}
        		]);
        		
        		
        		var userGrid = new Ext.grid.GridPanel({
        			applyTo : 'user-grid-div',// 设置表格现实位置   
       			    frame : true,// 渲染表格面板   
                    //tbar : toolbar,// 设置顶端工具栏   
                    stripeRows : true,// 显示斑马线   
                    autoScroll : true,// 当数据查过表格宽度时，显示滚动条   
                    store : userStore,// 设置表格对应的数据集   
                    loadMask : true,
					autoHeight : true,
					autoWidth : true,
					viewConfig : {
						autoFill : true
					},
					cm : cm,
					sm : sm,
					
					bbar : new Ext.PagingToolbar({
						pageSize : 5,
						store : userStore,
						displayInfo : true,
						beforePageText:'第',
    					afterPageText:'页 共{0}页',
						displayMsg:'显示第 {0} 条到 {1} 条记录，一共 {2} 条',
						emptyMsg : '没有记录',
						firstText:'首页',
      					prevText:'上一页',
     					nextText:'下一页',
     					lastText:'末页',
     					refreshText:'刷新'
					})
					
        		});
        		userStore.reload({
        			params:{start:0,limit:5}
        		})
        	})
        </script>
  </head>
  <body>
    <div id = "user-grid-div" style="width:100%; height:100%;"></div>
  </body>
</html>

public List getGroupsQuery(Connection con,int start,int end) throws SQLException{
		List list = new ArrayList();
		Statement st = con.createStatement();
		//String sql = "select * from groups";
		String sql = "select * from groups limit "+start+","+end;
		ResultSet rs = st.executeQuery(sql);
		while(rs.next()){
			Groups groups = new Groups();
			groups.setRow_id(rs.getString("row_id"));
			groups.setName(rs.getString("name"));
			groups.setUpdateid(rs.getString("updateid"));
			groups.setUpdatetime(rs.getString("updatetime"));
			groups.setCreateid(rs.getString("createid"));
			groups.setCreatetime(rs.getString("createtime"));
			list.add(groups);
		}
		rs.close();
		st.close();
		return list;
		
	}
	
	public int getGroupsCount(Connection con) throws SQLException{
		Statement st = con.createStatement();
		String sql = "select count(1) from groups";
		ResultSet rs = st.executeQuery(sql);
		int totalCount = 0;
		while(rs.next()){
			 totalCount = rs.getInt(1);
		}
		rs.close();
		st.close();
		return totalCount;
	}

private groupsDaoImpl gDao = new groupsDaoImpl();
	
	public List getUserQuery(int start,int end){
		List list = null;
		Connection con = null; 
		try {
			con = DBCon.getConnection();
			//list = uDao.getUserQuery(con);
			list = gDao.getGroupsQuery(con, start, end);
		} catch (Exception e) {
			list = new ArrayList();
			e.printStackTrace();
		}finally{
			try {
				if(con!=null){con.close();}
			} catch (Exception e) {e.printStackTrace();}
		}
		return list;
 	}
	
	public int getGroupsCount(){
		int totalCount = 0;
		Connection con = null; 
		try {
			con = DBCon.getConnection();
			//list = uDao.getUserQuery(con);
			totalCount = gDao.getGroupsCount(con);
		} catch (Exception e) {
			e.printStackTrace();
		}finally{
			try {
				if(con!=null){con.close();}
			} catch (Exception e) {e.printStackTrace();}
		}
		return totalCount;
	}

private groupsBiz gBiz = new groupsBiz();
	
	public ActionForward groupsQuery(ActionMapping mapping, ActionForm form,
			  HttpServletRequest request, HttpServletResponse response)throws Exception{
		int start = Integer.parseInt(request.getParameter("start"));
		int end = Integer.parseInt(request.getParameter("limit"));
		System.out.println("start"+start);
		List groups = gBiz.getUserQuery(start,end);
		int totalCount = gBiz.getGroupsCount();
		/*
		int pager = Integer.valueOf(start);
		List groups = gBiz.getUserQuery();
		List list =new ArrayList();
		if(pager==0){
			if(groups.size()>5){
				for(int i=0;i<5;i++){
					list.add(groups.get(i));
				}
			}else{
				for(int i=0;i<groups.size();i++){
					list.add(groups.get(i));
				}
			}
		}else{
			int num = pager+5;
			if(groups.size()>num){
				for(int i=pager; i<num;i++){
					list.add(groups.get(i));  
				}
			}else{
				for(int i=pager; i<groups.size();i++){
					list.add(groups.get(i));
				}
			}
		}
		*/
		JSONObject jsonObject = ExtHelper.getJsonFromList(totalCount,groups);
		System.out.println("json格式:"+jsonObject);
		response.setContentType("text/jsom;charset=UTF-8");
		response.getWriter().write(jsonObject.toString());
		return null;
	}

分享到：

oracle创建自增长列

2012-07-15 20:38
浏览 1004
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Extjs+Mysql实现动态分页

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Extjs+Mysql实现动态分页

评论

发表评论

相关推荐

最近访客更多访客>>