更改sencha中的选择域宽度

时间:2013-08-06 21:08:15

标签: sencha-touch-2 textfield

我有下一个代码:

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宽度,因为第三个选项很长。

3 个答案:

答案 0 :(得分:1)

widthmaxWidth配置。

编辑:

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

答案 1 :(得分:1)

上述结果将覆盖整个应用程序中的选择字段覆盖。

为了更加准确和准确,您可以使用特定selectfield.eg`中的选择字段defaultPhonePickerConfigdefaultTabletPickerConfig覆盖宽度或高度属性。

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

答案 2 :(得分:-1)

我终于解决了这个问题:

.x-select-overlay{
min-width: 25em !important;
} 
app.scss中的