Ext.onReady(function(){
var cm=new Ext.grid.ColumnModel([
{header:'用户编号',width: 60,sortable:true,resizable:false,dataIndex:'userid'},
{header:'用户名',width: 100,sortable:true,resizable:false,dataIndex:'username'},
{header:'邮箱',width: 150,sortable:true,resizable:false,dataIndex:'email'},
{header:'用户年龄',width: 60,sortable:true,resizable:false,dataIndex:'userage'},
{header:'用户生日',width: 100,sortable:true,resizable:false,dataIndex:'birthday'},
{header:'用户余额',width: 60,sortable:true,resizable:false,dataIndex:'money'}
]);

var proxys= new Ext.data.HttpProxy({url: "fenyeshuju.jsp"});
/*var users = Ext.data.Record.create([
{name: "userid", type: "int"},
{name: "username", type: "string"},
{name: "email", type: "string"},
{name: "userage", type: "string"},
{name: "birthday", type: "date"},
{name: "money", type: "double"}
]);*/
var readers = new Ext.data.JsonReader({
totalProperty : "totalProperty",
root : "root"
}, [
{name: 'userid'},
{name: 'username'},
{name: 'email'},
{name: 'userage'},
{name: 'birthday'},
{name: 'money'}
]);
var store = new Ext.data.Store({
proxy : proxys,
reader : readers
});
store.load({params: {start: 0, limit: 5}});

var grid = new Ext.grid.GridPanel({
    title:"用户信息展示",
    renderTo:'aa',
autoHeight : true,
loadMask:true,
colModel:cm,
store:store,
viewConfig:{forceFit:true},
bbar:new Ext.PagingToolbar({
pageSize:5,
store:store,
displayInfo:true,
displayMsg:'显示第{0}条到{1}条记录,一共{2}条',
emptyMsg:"没有记录"
})

});});JSP中:
<%
request.setCharacterEncoding("GBK");
response.setCharacterEncoding("GBK");
int start=Integer.parseInt(request.getParameter("start")) ;
int limit=Integer.parseInt(request.getParameter("limit")) ;
int end =start+limit;

UserBiz userBiz=new UserBiz();
int totalProperty=userBiz.getAll().size();
if(end>totalProperty){
end=totalProperty;
}
List<Users>list= userBiz.page(start,limit);
try{
String json="{totalProperty:"+totalProperty+",root:[";
for(int i=0;i<list.size();i++){
json+="{userid:"+list.get(i).getUserid()+",username:'"+list.get(i).getUsername()
+"',email:'"+list.get(i).getEmail()+"',userage:"+list.get(i).getUserage()+",birthday:'"+
list.get(i).getBirthday()+"',money:"+list.get(i).getMoney()+"}";
if(i!=list.size()-1){
json+=",";
}
}
json+="])";
System.out.println(json);
response.getWriter().write(json);
}catch(Exception e) {
e.printStackTrace();
}
%>

解决方案 »

  1.   

    在 JSP页面 可以查到数据 并 输出
    {totalProperty:22,root:[
    {userid:1,username:'xiaoxin',email:'[email protected]',userage:20,birthday:'1990-08-10 00:00:00.0',money:50.0},
    {userid:2,username:'xsn',email:'[email protected]',userage:20,birthday:'1990-08-10 00:00:00.0',money:50.0},
    {userid:3,username:'xs22n',email:'[email protected]',userage:20,birthday:'1990-08-10 00:00:00.0',money:50.0},
    {userid:4,username:'xs2wn',email:'[email protected]',userage:19,birthday:'1991-08-10 00:00:00.0',money:50.0},
    {userid:5,username:'xsfn',email:'[email protected]',userage:19,birthday:'1991-01-10 00:00:00.0',money:50.0}
    ]
    )}
      

  2.   

    但是到展示页面 Grid也 出来啦 就 是 里面 没 数据 
      

  3.   

    Grid出来,说明组件没有问题,没有数据说明调用后台处理的时候出错。