0

私は次のコードを持っています:

Ext.create('Ext.form.Panel', {
    fullscreen: true,
    items: [
        {
            xtype: 'fieldset',
            title: 'Select',
            items: [
                {
                    xtype: 'selectfield',
                    label: 'Choose one',
                    options: [
                        {text: 'First Option',  value: 'first'},
                        {text: 'Second Option', value: 'second'},
                        {text: 'This is a long text to test the selectfield',  value: 'third'}
                    ]
                }
            ]
        }
    ]
});

3 番目のオプションは非常に長いため、selectfield の幅を変更したいと考えています。

4

3 に答える 3

1

上記の結果は、アプリケーション全体で選択フィールドのオーバーレイをオーバーライドします。

より正確かつ正確にするために、選択フィールドを使用するdefaultPhonePickerConfigかdefaultTabletPickerConfig、特定の selectfield.eg` で幅または高さのプロパティをオーバーライドできます。

{
    xtype: 'selectfield',
    defaultPhonePickerConfig: {
        height: '8em',
        width:'10em'
    },
    defaultTabletPickerConfig: {
        height: '8em',
        width:'10em'
    },
}
于 2015-01-31T10:21:25.900 に答える
1

そのためのwidthとmaxWidth設定があります。

編集：

div.x-select-overlay { width: 15em !important }
于 2013-08-07T04:07:09.010 に答える
-1

私は最終的にこれを解決しました：

.x-select-overlay{
min-width: 25em !important;
}

app.scss で

于 2013-08-07T18:19:26.953 に答える