ext grid 为什么不显示内容

1. Ext.onReady(
2.     function(){
3.          Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
4.         function renderSex(value) {
5.             if (value == 'male') {
6.                 return "<span style='color:red;font-weight:bold;'>红男</span>";
7.             } else {
8.                 return "<span style='color:green;font-weight:bold;'>绿女</span>";
9.             }
10.         }
11. function renderDescn(value, cellmeta, record, rowIndex, columnIndex, store) {
12.     var str = "<input type='button' value='查看详细信息' οnclick='alert(/"" +
13.         "这个单元格的值是：" + value + "//n" +
14.         "这个单元格的配置是：{cellId:" + cellmeta.cellId + ",id:" + cellmeta.id + ",css:" + cellmeta.css + "}//n" +
15.         "这个单元格对应行的record是：" + record.data["sex"] + "，一行的数据都在里边//n" +
16.         "这是第" + rowIndex + "行//n" +
17.         "这是第" + columnIndex + "列//n" +
18.         "这个表格对应的Ext.data.Store在这里：" + store + "，随便用吧。" +
19.         "/")'>";
20.     return str;
21. }
22.         var sm=new Ext.grid.CheckboxSelectionModel();
23.         var cm  = new Ext.grid.ColumnModel([
24.             new Ext.grid.RowNumberer(),
25.             sm,
26.             {header:'编号',sortable: true,dataIndex:'id',width: 100},
27.             {header:'姓名',sortable: true,dataIndex:'name',width: 100},
28.             {header:'性别',sortable: true,dataIndex:'sex',width: 100,renderer:renderSex},
29.             {header:'描述',sortable: true,dataIndex:'descn',width: 100,renderer:renderDescn}
30.         ]);
32. /*      var ds=new Ext.data.Store({
33.             proxy: new Ext.data.MemoryProxy(mydata),
34.             reader: new Ext.data.ArrayReader([
35.                 {name: 'id'},
36.                 {name: 'name'},
37.                 {name: 'sex'},
38.                 {name: 'descn'}
39.             ])
40.         });
41.         ds.load();*/
42.         
43.         var ds=new Ext.data.JsonStore(
44.         {url:'grid.jsp',
45.          root:'root',
46.          fields : [{
47.                     name : 'id'
48.                 }, {
49.                     name : 'name'
50.                 },{
51.                     name : 'sex'
52.                 }, {
53.                     name : 'descn'
54.                 }]
55.          
56.         });
57.         
58.         /*var ds = new Ext.data.JsonStore({
59.              totalProperty: 'totalProperty',
60.                 root:root,
61.             fields : [{
62.                     name : 'id'
63.                 }, {
64.                     name : 'name'
65.                 },{
66.                     name : 'sex'
67.                 }, {
68.                     name : 'descn'
69.                 }],
70.                 proxy: new Ext.data.HttpProxy({url:'grid.jsp'})
72.             });*/
73.         ds.load({params:{start:0,limit:10}});
75.     //  ds.loadData(mydata);
76.         
77.         
78.         var grid=new Ext.grid.GridPanel({
79.             el: 'grid',
80.             sm:sm,
81.             ds:ds,
82.             cm:cm,
83.         //  autoExpandColumn: 'id',
84.               bbar: new Ext.PagingToolbar({
85.         pageSize: 10,
86.         store: ds,
87.         displayInfo: true,
88.         displayMsg: '显示第 {0} 条到 {1} 条记录，一共 {2} 条',
89.         emptyMsg: '没有记录'
90.     }),
92.         height:500,
93.         width:600,
94.         title:'Array Grid'
95.         });
96.         grid.render();  
98. });

上面是ext.js代码

1. <%
2. String start = request.getParameter("start");
3. String limit = request.getParameter("limit");
4. try {
5.     int index = Integer.parseInt(start);
6.     int pageSize = Integer.parseInt(limit);
8.     String json = "{totalProperty:100,root:[";
9.     for (int i = index; i < pageSize + index; i++) {
10.         json += "{id:'" + i + "',name:'name" + i +"'sex:'sex"+i+ "',descn:'descn" + i + "'}";
11.         if (i != pageSize + index - 1) {
12.             json += ",";
13.         }
14.     }
15.     json += "]}";
16.     response.getWriter().write(json);
17. } catch(Exception ex) {
18. }
19. %>

grid.jsp页面代码