1

セル編集プラグインを備えたグリッドがあります。編集したいセルをクリックすると、コンボ ボックスのドロップダウン リストがグリッド/ウィンドウの後ろに表示されることがあります (表示されませんが、ウィンドウ サイズを変更すると、その後ろにコンボ ボックスの項目が表示されます)。

私のコードは次のようになります (このフォームを含むウィンドウがあります):

items: [{
    xtype: 'form',
    items: [
    me.currentMultipleValuesGrid = Ext.create('Ext.grid.Panel', {
        store: me.gridStoreToValidate,
        plugins: [Ext.create('Ext.grid.plugin.CellEditing', {
            clicksToEdit: 1,
            delay: 10
        })],
        listeners: {
            validateedit: function (editor, cell, eOpts) {
                //cell.cancel = true;
            }
        },
        columns: [{
            header: GTR(CLNAME(me), 'colSource.Text', 'Source'),
            dataIndex: 'source',
            flex: 1
        }, {
            dataIndex: 'name',
            header: GTR(CLNAME(me), 'colLinkDestination.Text', 'Link destination'),
            editor: {
                xtype: 'combobox',
                queryMode: 'local',
                valueField: 'nr',
                displayField: 'name',
                store: me.comboBoxEditorStore,
                listeners: {
                    change: function (thisCmb, newValue, oldValue) {

                    },
                    beforerender: function (thisCmb, eOpts) {

                    }
                }
            },
            flex: 1
        }, {
            dataIndex: 'linkdestination',
            hidden: true
        }]
    })]
}]

レイアウトの問題だと思うので、ウィンドウ、グリッド、またはフォームに割り当てられたさまざまなレイアウト (アンカーとフィット) をさまざまな組み合わせで試しました。これまでのところ成功していません。何か案は？ありがとうございました。Extjs 4.0.7 を使用しています

4

1 に答える 1