ext grid 数据不显示

最新推荐文章于 2025-09-07 09:27:33 发布

原创最新推荐文章于 2025-09-07 09:27:33 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#ext #ext grid #ext grid数据不回显 #ext grid数据不显示

extjs 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了解决 Extgrid 数据不显示的问题方案，包括检查数据获取情况、验证前端配置及 store 设置，最后通过启用 autoLoad 来确保数据正确加载。

ext grid 数据不显示解决方案：
1）首先看grid的数据是否获取到了；
2）若数据获取到了且数据格式正确，再看前端Ext.grid.GridPanel是否写的正确，store和列模型是否相对应，如：

new Ext.grid.ColumnModel([
		new Ext.grid.CheckboxSelectionModel(),		
		{header:'移动电话',width:100,sortable:true,[color=red]dataIndex:'mobile'[/color]},
		{header:'固定电话',width:100,sortable:true,[color=red]dataIndex:'workTel'[/color]},
		{header:'传真',width:100,sortable:true,[color=red]dataIndex:'fax'[/color]},
		{header:'公司地址',width:100,sortable:true,[color=red]dataIndex:'address'[/color]},
		{header:'邮编',width:100,sortable:true,[color=red]dataIndex:'postcode'[/color]}
	]);
 new Ext.data.Store({
            proxy:new Ext.data.MemoryProxy(gridStore),
            reader:new Ext.data.ArrayReader({},['mobile','workTel','fax','address','postcode'])
        })

3）若以上两条都没有问题，但数据就是不显示，就在store的reader中添加autoLoad:true，如：

store : new Ext.data.Store({
            proxy:new Ext.data.MemoryProxy(gridStore),
            reader:new Ext.data.ArrayReader({},['fieldId','fieldName']),
            [color=red]autoLoad:true[/color]
        })

这样数据就能显示了