Question

Extjs 中的 grid 数据为什么显示不出来

Ext.define("borrowBackOrderModel2",{
extend: "Ext.data.Model",
fields:[
{brrowOrderNum: 'brrowOrderNum'},
{orderAmount: 'orderAmount'},
{backAmount: 'backAmount'}
]
});

var borrowBackOrderStore2 = Ext.create('Ext.data.Store',{
model: "borrowBackOrderModel2",
autoLoad: true,
pageSize: 10,
fields:['brrowOrderNum', 'orderAmount', 'backAmount'],
// data:{'items':[
// {brrowOrderNum: '1', orderAmount: '11', backAmount: '111'},
// {brrowOrderNum: '2', orderAmount: '22', backAmount: '222'}
// ]},
// proxy: {
// reader: {
// type: 'json',
// root: 'items'
// }
// }
data:[
['1', '11', '111'],
['2', '22', '222']
]
});

var borrowBackOrderGrid2 = Ext.create('Ext.grid.Panel',{
anchor : '100% 90%',
width : 150,
autoHeight : true,
region:'center',
autoScroll : true,
store : borrowBackOrderStore2,
columnLines: true,
//renderTo: Ext.getBody(),
columns : [
{
header : '借用单号',
flex : 1,
dataIndex : 'brrowOrderNum'
},
{
header : '借用数量',
flex : 1,
dataIndex : 'orderAmount'
},
{
header : '归还数量',
dataIndex : 'backAmount',
sortable : true,
flex : 1
}
]
});

Ext.create('Ext.window.Window',{
title : '归还订单借用信息列表',
style:{
border:5,
padding:10,
},
width: 500,
//height: 200,
autoHeight : true,
autoScroll: true,
resizable: false, //设置不允许调整窗口大小
modal : true,
layout: 'anchor',
closeAction : 'hide',
items : [borrowBackOrderGrid2]
}).show();

Answer 1

1. Model的定义方法不对，fields中的定义格式为{ name: 'yearmon', type: 'string' ,mapping:'SS'}

2. store中用了model就不用fields，这两个选一个

3. extjs中的几种store的功能和用法不同
   

以前功能点建议上网查一下或看extjs的帮助文档

store那段改成如下：

var borrowBackOrderStore2 = Ext.create('Ext.data.SimpleStore',{

//model: "borrowBackOrderModel2",

autoLoad: true,

pageSize: 10,

fields:['brrowOrderNum', 'orderAmount', 'backAmount'],

// data:{'items':[

//      {brrowOrderNum: '1', orderAmount: '11', backAmount: '111'},

//      {brrowOrderNum: '2', orderAmount: '22', backAmount: '222'}

//      ]},

//            proxy: {

//             reader: {

//             type: 'json',

//             root: 'items'

//             }

//            }

    data:[

['1', '11','111'],

['2', '22', '222']

]

});