论坛首页 入门讨论版 AJAX

一个简单的EXT的Grid的例子,就是弄不起来,各位帮忙看看

浏览 177 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
时间:2008-05-03 关键字: ext的简单例子
弄了近6个小时了,中饭晚饭都没吃,实在是处在崩溃的边缘,只能上来向大家讨教了
我是参照的这个网址http://www.dojochina.com/?q=node/563的一个例子,
首先是产生数据的页面:come.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<html>
<head>
<title>Insert title here</title>
</head>
<body>
<%
String start = request.getParameter("start");
String limit = request.getParameter("limit");
try {
    int index = Integer.parseInt(start);
    int pageSize = Integer.parseInt(limit);
    int index=0;
    int pageSize=10;
    String json = "{totalProperty:100,root:[";
    for (int i = index; i < pageSize + index; i++) {
        json += "{id:" + i + ",name:'name" + i + "',descn:'descn" + i + "'}";
        if (i != pageSize + index - 1) {
            json += ",";
        }
    }
    json += "]}";
    response.getWriter().write(json);
} catch(Exception ex) {
}
%>
</body>
</html>

然后是一个显示页面:Grid.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<html>
<head>
<title>Insert title here</title>
	<link rel="stylesheet" type="text/css" href="JS/EXT/resources/css/ext-all.css" />
	<script type="text/javascript" src="JS/EXT/ext-base.js"></script>
	<script type="text/javascript" src="JS/EXT/ext-all.js"></script>
	<script type="text/javascript">
	Ext.onReady(function(){
    var sm = new Ext.grid.CheckboxSelectionModel();
	var cm = new Ext.grid.ColumnModel([
		new Ext.grid.RowNumberer(),
	    sm,
	    {header:'编号',dataIndex:'id'},
	    {header:'名称',dataIndex:'name'},
	    {header:'描述',dataIndex:'descn'}
	]);
	var ds = new Ext.data.Store({
	    proxy: new Ext.data.HttpProxy({url:'come.jsp'}),
	    reader: new Ext.data.JsonReader({
		    totalProperty: 'totalProperty',
		    root: 'root'
		}, [
			{name: 'id'},
			{name: 'name'},
			{name: 'descn'}
		])
	});
	
	
	var grid = new Ext.grid.GridPanel({
	    el: 'grid',
	    ds: ds,
	    cm: cm,
	    bbar: new Ext.PagingToolbar({
	        pageSize: 10,
	        store: ds,
	        displayInfo: true,
	        displayMsg: '显示第 {0} 条到 {1} 条记录,一共 {2} 条',
	        emptyMsg: "没有记录"
    	})  
	});
	
	grid.render();
    ds.load({params:{start:0,limit:10}});
})
</script>
</head>
<body>
 <div id="grid" style="height:265px;"></div>
</body>
</html>


人家把图片都贴出来了,那应该是能运行起来,可我就是不行,仔细检查也没发现什么问题,实在没辙了

先去吃个饭,希望回来时能有人帮忙解决
   
时间:2008-05-03
没有人么?再去洗个澡先
   
0 请登录后投票
时间:2008-05-03
还是没人啊
   
0 请登录后投票
论坛首页 入门讨论版 AJAX

跳转论坛: