EXT.JS Combo Box - Elenco numero

Question

Voglio creare un'applicazione in cui la casella combinata dovrebbe assomigliare alla prima immagine qui sotto.Ma quando utilizzo una lista per la casella combinata che esce sembrare la seconda immagine.L'elenco non è completamente mostrato - viene tagliato.Si prega di suggerirmi quale proprietà da usare?Il codice è come sotto:

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

.

Cosa dovrebbe sembrare:

Che cosa sto diventando invece:

Il codice completo può essere visualizzato in Questo violino .

Answer 1

Stai parlando della larghezza del raccoglitore?Penso che tu voglia:

matchFieldWidth: false,
listConfig: {
    width: 250
}

.