Question

我正在使用ArrayStore并通过添加模型记录来填充它。该商店与数据网格相关联。

现在，arraystore对象的填充完全正常，但数据不会出现在网格中。事实上，在调试时，我发现网格的存储（datagrid.store）也有数据，但它仍然没有在屏幕上显示！

以下是我的代码。

型号：

Ext.define('Ext.ux.window.visualsqlquerybuilder.SQLAttributeValueModel', {
extend: 'Ext.data.Model',
fields: [
    {
        name: 'attribute',
        type: 'string'
    },
    {   name: 'attributeValue',
        type: 'string'
    }
  ]
});

商品

var attrValueStore = Ext.create('Ext.data.ArrayStore', {
    autoSync: true,
    model: 'Ext.ux.window.visualsqlquerybuilder.SQLAttributeValueModel'
});

网格

Ext.define('Ext.ux.window.visualsqlquerybuilder.SQLAttributeValueGrid', {
//requires: ['Ext.ux.CheckColumn'],
autoRender: true,
extend: 'Ext.grid.Panel',
alias: ['widget.attributevaluegrid'],
id: 'SQLAttributeValueGrid',
store: attrValueStore,
columnLines: true,
plugins: [Ext.create('Ext.grid.plugin.CellEditing', {
    clicksToEdit: 1
})],
columns: [        
    {                        /*Expression */
        xtype: 'gridcolumn',
        text: 'Attribute',
        sortable: false,
        menuDisabled: true,
        flex: 0.225,
        dataIndex: 'attribute'
    },
    {                           /*Attribute Values*/
        xtype: 'gridcolumn',
        editor: 'textfield',
        text: 'Values',
        flex: 0.225,
        dataIndex: 'attributeValue'
    }
],
initComponent: function () {
    this.callParent(arguments);
}
});

显示网格的模态窗口

var attributeValueForm = Ext.create('Ext.window.Window', {
title:'Missing Attribute Values',
id: 'attributeValueForm',
height:500,
width:400,
modal:true,
renderTo: Ext.getBody(),
closeAction: 'hide',
items:[
    {
        xtype: 'attributevaluegrid',
        border: false,
        //height: 80,
        region: 'center',
        split: true
    }
],
buttons: [
    {
        id: 'OKBtn',
        itemId: 'OKBtn',
        text: 'OK',
        handler: function () {
            Ext.getCmp('attributeValueForm').close();
        }
    },
    {
        text: 'Cancel',
        handler: function () {
            Ext.getCmp('attributeValueForm').close();
        }
    }
]
});

现在在显示模态窗口时，我检查了商店对象的值以及网格对象内的商店。两者都有正确的数据。

但是当窗口打开时，我得到一个空白网格

Answer 1

也许您需要加载商店数据...尝试使用：

var attrValueStore = Ext.create('Ext.data.ArrayStore', {
    autoSync: true,
    autoLoad : true,
    model: 'Ext.ux.window.visualsqlquerybuilder.SQLAttributeValueModel'
});

ExtJs：由Grid填充的商店显示为空白

1 个答案: