extjs数据显示的问题

niuniu_hsit 2012-02-22 03:58:49

数据如下：

{"root":[{"address":"北京0","bank":"农业银行0","fast":false,"id":1,"name":"张 0","orderDate":"2012-02-22"},{"address":"北京1","bank":"农业银行1","fast":false,"id":1,"name":"张 1","orderDate":"2012-02-22"},{"address":"北京2","bank":"农业银行2","fast":false,"id":1,"name":"张 2","orderDate":"2012-02-22"},{"address":"北京3","bank":"农业银行3","fast":true,"id":1,"name":"张 3","orderDate":"2012-02-22"},{"address":"北京4","bank":"农业银行4","fast":true,"id":1,"name":"张 4","orderDate":"2012-02-22"},{"address":"北京5","bank":"农业银行5","fast":true,"id":1,"name":"张 5","orderDate":"2012-02-22"},{"address":"北京6","bank":"农业银行6","fast":false,"id":1,"name":"张 6","orderDate":"2012-02-22"},{"address":"北京7","bank":"农业银行7","fast":false,"id":1,"name":"张 7","orderDate":"2012-02-22"},{"address":"北京8","bank":"农业银行8","fast":false,"id":1,"name":"张 8","orderDate":"2012-02-22"},{"address":"北京9","bank":"农业银行9","fast":false,"id":1,"name":"张 9","orderDate":"2012-02-22"}],"success":true,"totalProperty":86}

代码如下：

Ext.onReady(function() {

var record = new Ext.data.Record.create([

'id', 'name', {
name : 'address',
type : 'string'
}, {
name : 'bank',
type : 'string'
}, {
name : 'orderDate',
type : 'date'
}, {
name : 'fast',
type : 'boolean'
}

])

var reader = new Ext.data.JsonReader({

root : 'root'

// the fields config option will internally create an
// Ext.data.Record
// constructor that provides mapping for reading the record
// data objects

}, record);

var store = new Ext.data.JsonStore({

url : "GetOrderData",
root : 'root',
totalProperty:"totalProperty",
autoDestroy : true,

storeId : 'myStore',
// reader configs

idProperty : 'id',

fields : [

{
name : 'id',
type : 'string',
mapping:'id'
},
{
name : 'name',
type : 'string',
mapping:'name'
}, {
name : 'address',
type : 'string',
mapping:'address'
}, {
name : 'bank',
type : 'string',
mapping:"bank"
}, {
name : 'orderDate',
type : 'date',
mapping:"orderDate"
}, {
name : 'fast',
type : 'boolean',
mapping:"fast"
}]

});

store.load();

var grid = new Ext.grid.EditorGridPanel({
store : store,

renderTo : Ext.getBody(),
colModel : new Ext.grid.ColumnModel({
defaults : {
width : 120,
sortable : true
},
columns : [{
header : "ID",
width : 60,
menuDisabled : false,
dataIndex : "id",
editor : new Ext.grid.EditorGridPanel(new Ext.form.NumberField())
}, {
header : "name",

dataIndex : "name",
editor : new Ext.grid.EditorGridPanel(new Ext.form.TextField())
}, {
header : "address",

dataIndex : "address",
editor : new Ext.grid.EditorGridPanel(new Ext.form.TextField())
}, {
header : "bank",

dataIndex : "bank"

}, {
header : "快递",

dataIndex : "fast",
renderer : function(v) {
return v ? "快递" : "非快递"
}
}, {
header : "orderDate",
xtype : "datecolumn",
dataIndex : "orderDate",
format : "Y-m-d"
}]
}),

width : 600,
height : 300,
frame : true,
title : 'Framed with Row Selection and Horizontal Scrolling',
iconCls : 'icon-grid'

})

})

为何只显示了最后一条数据：

...全文