Ext gridpanel的使用

Ext 代码：

 

Ext.onReady(function (){
	 var myData = [['11','test',13],
					['12','test2',23]
					];
	 var colModel = new Ext.grid.ColumnModel([
			{header: "编号", dataIndex: 'id',sortable:true}
			//{header: "姓名",  dataIndex: 'name'},
			//{header: "年龄",  dataIndex: 'age'}
		]);
	//var store1 = new Ext.data.Store({    
           //   proxy : new Ext.data.HttpProxy({url:'/test!test.action'}),   		  
            //   reader: new Ext.data.JsonReader({    
            //        root: 'user',    
            //      totalProperty: 'totalCount',    
            //       fields:['id','name','age']        
			//	})
				//	proxy: new Ext.data.MemoryProxy(myData),	
				//	 reader: new Ext.data.ArrayReader({}, [
                //       {name: 'id'},
                 //      {name: 'name'},
                  //     {name: 'age',type:'int'}            
                  //])
				
			//  }); 

	var store1 = new Ext.data.JsonStore({   
	       url:"/test!test.action",   
	       root:"user",   
	       totalProperty:"totalCount",   
	       fields:[{name:"id"}]   
	    });  
		
	
		  var grid=new Ext.grid.GridPanel({
			renderTo:Ext.getBody(),
			store:store1,
			autoHeight:true,
			width:150,
			cm:colModel
		  });
		  grid.render();
	store1.load(); 
  });

java 代码：使用的是struts框架

public ActionForward test() {
		StringBuffer text = new StringBuffer();
		text.append("{totalCount:10,user:[{id:11}]}");
		String info = text.toString();
		// HttpServletRequest request=ServletActionContext.getRequest();
		// request.setAttribute("info", info);
		HttpServletResponse response = ServletActionContext.getResponse();
		response.setCharacterEncoding("UTF-8");
		try {
			response.getWriter().print(info);
			response.getWriter().flush();
		} catch (Exception e) {
			e.printStackTrace();
		}

		return null;
	}

结果：