Question

获取到的JSON数据在Grid里不显示

这是JSON数据：{"records":[{"item_code":"106428","item_name":"Hp·康柏23寸特价台机送打印机","wmgroup":"0101","wlgroup":"01"}]}
这是相关的代码
// 只能选一行
var singleSelect1 = new Ext.grid.RowSelectionModel( {
singleSelect : true
});
// 自动编号
var simpleItem_row = new Ext.grid.RowNumberer();
// 创建列模型
var simpleItem_cm = new Ext.grid.ColumnModel( [ simpleItem_row, sm, {
header : '商品编号',
dataIndex : 'item_code',
sortable : true
}, {
header : '商品名称',
dataIndex : 'item_name',
sortable : true
}, {
header : '大分类',
dataIndex : 'wlgroup',
sortable : true
}, {
header : '中分类',
dataIndex : 'wmgroup',
sortable : true
} ]);

// 创建数据存储对象，负责把各式各样的数据转化为Grid可以使用的数据
var simpleItem_store = new Ext.data.JsonStore( {
url : '../../jsp/item/querySimpleItemRst.jsp',
baseParams : {
item_code : '',
item_name : ''
},
root : 'records',
fields : Ext.data.Record.create( [ {
name : 'item_code',
type : 'string'
}, {
name : 'item_name',
type : 'string'
},{
name:'wlgroup',
type:'string'
},{
name:'wmgroup',
type:'string'
} ])
});
// 初始化数据
// simpleItem_store.load();

// 查询-商品编号
var text_simpleItem_code = new Ext.form.TextField( {
id : 'item_code',
name : 'item_code',
allowBlank : false
});
// 查询-商品名称
var text_simpleItem_name = new Ext.form.TextField( {
id : 'item_name',
name : 'item_name',
allowBlank : false
});
// 查询-查询按钮
var btnSearch = new Ext.Button( {
text : '查询',
iconCls : 'icon-search',
handler : function() {
if (text_simpleItem_code.isValid() && text_simpleItem_name.isValid()) {
simpleItem_store.baseParams.item_code = text_simpleItem_code
.getValue();
simpleItem_store.baseParams.item_name = text_simpleItem_name
.getValue();
}
simpleItem_store.load();
}
});
// 创建GridPanel,渲染到HTML的grid元素上
var simpleItem_grid = new Ext.grid.GridPanel( {
enableColumnMove : true, // 拖放
enableColumnResize : true, // 改变列高
stripeRows : true, // 斑马线
loadMask : true, // 加载数据时的提示信息
store : simpleItem_store,
cm : simpleItem_cm,
height : 380,
autoExpandColumn : 'name',
viewConfig : {
forceFit : true
},
tbar : [ '商品编号:', text_simpleItem_code, '商品名称：', text_simpleItem_name, '-',btnSearch ]
})
// 点击快速查询弹出的窗口

var queryWindow = new Ext.Window( {
title : "商品查询",
width : 700,
height : 450,
id : "queryWindow",
plain : true,
frame : true,
closeAction : "hide",
layout : 'fit',
items : [ simpleItem_grid ]
});

但是页面就是不显示，请各位看看，问题出在哪里？谢谢

Answer 1

你将你的store改成这样看看
var simpleItem_store= new Ext.data.Store( {
url : '../../jsp/item/querySimpleItemRst.jsp',
reader : new Ext.data.JsonReader(
{root : 'records'},
[{
name : 'item_code',
type : 'string'
}, {
name : 'item_name',
type : 'string'
},{
name:'wlgroup',
type:'string'
},{
name:'wmgroup',
type:'string'
}])
})