0

私は 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();
        }
    }
]
});

モーダルウィンドウを表示した時点で、グリッドオブジェクト内のストアだけでなく、ストアオブジェクトの値も確認しました。どちらも適切なデータを持っています。

しかし、ウィンドウが開くと、空白のグリッドが表示されます

4

1 に答える 1

0

たぶん、ストアデータをロードする必要があります...試してみてください：

var attrValueStore = Ext.create('Ext.data.ArrayStore', {
    autoSync: true,
    autoLoad : true,
    model: 'Ext.ux.window.visualsqlquerybuilder.SQLAttributeValueModel'
});
于 2013-05-08T12:25:48.493 に答える