如果短暂的快乐也是幸福，那么我曾经拥有很多

在eclipse下面建立一个web工程,加上ext框架
加上struts(这个东西比较常用),创建一个action,叫ShowName,剩下的一切都是默认的

ShowNameAction.java

/**
 * @author Neo
 */
package com.ext.action.action;

import java.io.IOException;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;

public class ShowNameAction extends Action {

	public ActionForward execute(ActionMapping mapping, ActionForm form,
			HttpServletRequest request, HttpServletResponse response) {
		String json = "{root:[";
		for (int i = 0; i < 6; i++) {
			if(i == 5)
				json += "{id:'"+i+"',username:'name"+i+"',userpass:'pass"+i+"'}";
			else
				json += "{id:'"+i+"',username:'name"+i+"',userpass:'pass"+i+"'},";
			
		}
		json += "]}";
		System.out.println(json);
		try {
			response.getWriter().write(json);
		} catch (IOException e) {
			e.printStackTrace();
		}
		return null;
	}
}

一个HTML页面

<div id='test' style="height:300px;"></div>

高度一定要设置


下面的就是主角了

Ext.onReady(function(param) {
		var cm = new Ext.grid.ColumnModel([
			{header:'id',dataIndex:'id'},
			{header:'名称',dataIndex:'username'},
			{header:'密码',dataIndex:'userpass'}
		]);
		
		var ds = new Ext.data.Store({
			proxy: new Ext.data.HttpProxy({url:'showName.do'}),
			reader: new Ext.data.JsonReader({root: 'root'},//这里的就是得到后台上来
															//的JSON
			[{name: 'id'},{name: 'username'},{name: 'userpass'}])
		});
		
		var grid = new Ext.grid.GridPanel({
			el:'test',
			cm:cm,
			ds:ds
		});
		grid.render();
		ds.load();
});

剩下的就不说了，和数据库一起上了，Hibernate啦，ibatis啦都上吧
只要数据类型支持，ext都能正确的显示