изменить ширину selectfield в сенче

Question

У меня есть следующий код:

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'} 
        ] 
       } 
      ] 
     } 
    ] 
}); 

Я хочу изменить ширину selectfield, так как третий вариант очень долго.

Answer 1

Для этого есть width и maxWidth.

EDIT:

div.x-select-overlay { width: 15em !important } 

Answer 2

я, наконец, решил это с:

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

в app.scss

Answer 3

Полученный результат будет переопределить поле выбора оверлею всего приложения.

Для более точного и точного определения вы можете переопределить свойство width или height, используя поле выбора defaultPhonePickerConfig или defaultTabletPickerConfig в вашем конкретном поле selectfield.eg`.

{ 
    xtype: 'selectfield', 
    defaultPhonePickerConfig: { 
     height: '8em', 
     width:'10em' 
    }, 
    defaultTabletPickerConfig: { 
     height: '8em', 
     width:'10em' 
    }, 
}