Boîte combo ext.js - Émission de liste

Question

Je veux créer une application dans laquelle la liste déroulante doit ressembler à une première image ci-dessous.Mais lorsque j'utilise une liste pour la liste déroulante, il ressort de la deuxième image.La liste n'est pas complètement montrée - il est coupé.S'il vous plaît suggérer de moi quelle propriété utiliser?Le code est comme ci-dessous:

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

À quoi il faut ressembler:

Qu'est-ce que je reçois à la place:

Le code complet peut être visualisé dans ce violon .

Answer 1

Parlez-vous de la largeur de cueillette?Je pense que vous voulez:

matchFieldWidth: false,
listConfig: {
    width: 250
}