Extjs6问题——grid不显示数据

最新推荐文章于 2022-03-19 12:22:48 发布

lizzvia

最新推荐文章于 2022-03-19 12:22:48 发布

阅读量2.2k

点赞数

分类专栏： extjs 文章标签： extjs

本文链接：https://blog.csdn.net/u013237862/article/details/51077591

版权

在MVVC框架中遇到ExtJS6的gridPanel只显示表头不显示数据的故障，可能的原因包括：数据格式错误、model字段对应不准确及store实例未正确创建。解决方案包括检查JSON数据结构与reader匹配、models中fields的mapping设置，以及在定义view时，确保store通过`Ext.create`方式实例化。

摘要由CSDN通过智能技术生成

使用MVVC框架显示一个表格，遇到gridPanel只显示表头，但是不显示数据的问题，可以从以下的几个角度考虑。

1. 数据是否有问题？检查返回的json数据结构是否与reader对应。

2. models里面fields对应关系是否正确？保险起见最好加上mapping。

3. 比较诡异的一个问题是define view的时候，store如果是引用的方式，即：store：’{xxx}‘，store并不会在view 被创建的时候创建一个实例，这里强制在store的时候用store：Ext.create('xxx.xx.xxx');才正确的加载了数据。

下面记录下更正之后的代码：

View：

Ext.define('Admin.view.dashboard.MalfunctionListInbox',{
  extend: 'Ext.grid.GridPanel',

  xtype: 'malfunctionlistinbox',

  alias: 'widget.malfunctionlistinbox',

  requires: [
      'Ext.grid.GridPanel',
      'Ext.grid.View',
      'Ext.selection.CheckboxModel',
      'Admin.view.dashboard.MalfunctionListInboxController',
      'Admin.view.dashboard.MalfunctionListModel',
      'Admin.store.dashboard.Malfunction