Ext.js Combo Box - Lista de problemas

Question

Quiero crear una aplicación donde el cuadro combinado debe parecer la primera imagen a continuación.Pero cuando uso una lista para el cuadro combinado, sale de la segunda imagen.La lista no se muestra completamente: se está reduciendo.Por favor, sugerente qué propiedad usar?El código es lo siguiente:

items: [{
    xtype: 'combobox',
    fieldLabel: 'Location',
    displayField: 'name',
    forceSelection: true,
    pageSize: 10,
    store: 'SalesOrderManager.store.LocationStore',
    typeAhead: true,
    valueField: 'id',
    id: 'LocationComboBox'
}]

lo que debe parecer:

lo que estoy obteniendo en su lugar:

El código completo se puede ver en este violín .

Answer 1

¿Estás hablando de la anchura del selector?Creo que quieres:

matchFieldWidth: false,
listConfig: {
    width: 250
}