Question

Ext.grid.Panel 显示json数据的问题 急!

初学extjs,求大神帮忙看看哪里出问题了,json数据已经返回了,就是显示不出来 谢谢!
下面是代码:
//定义model

Ext.define('User', {
extend: 'Ext.data.Model',
fields: [
{name: 'firstName', type: 'string'},
{name: 'lastName', type: 'string'},
{name: 'age', type: 'int'},
{name: 'eyeColor', type: 'string'}
]
});

//定义数据集
var myStore = Ext.create('Ext.data.Store', {
storeId:'simpsonsStore',
model: 'User',
proxy: {
type: 'ajax',
url: 'userJson.test',
reader: {
type: 'json',
root: 'users',
totalProperty:'totalProperty'
}
},
autoLoad: true
});

//定义列名数组

var cm = [];
cm.push(new Ext.grid.RowNumberer({text: '序'}));
cm.push({header: "firstName", dataIndex: 'firstName'});
cm.push({header: "lastName", dataIndex: 'lastName'});
cm.push({header: "age", dataIndex: 'age'});
cm.push({header: "eyeColor", dataIndex: 'eyeColor'});
var myPanel= Ext.create('Ext.grid.Panel', {
title: 'Simpsons',
store: Ext.data.StoreManager.lookup('simpsonsStore'),
columns: cm,
height: 200,
width: 400,
renderTo: Ext.getBody()
});
//这是Viewport
var viewport = new Ext.Viewport({
layout:'border',
items:
{
region:'center',
border:false,
contentEl:'north-div', //页面有个id为 "north-div" 的div
layout:'fit',
autoScroll: true,
items: myPanel//grid
}
});
json数据:(字数限制 只发一条哈)
{"root":[{"firstName":"Uchiha","lastName":"Madara","age":80,"eyeColor":"red"}],"totalProperty":"5"}
在火狐的firebug里面也没报错,就是没效果出来

Answer 1

把root: 'users'改成root : 'root'