Caixa de combinação Ext.js - problema de lista
Pergunta
Quero criar uma aplicação onde a caixa de combinação fique parecida com a primeira imagem abaixo.Mas quando uso uma lista para o combo box ela sai parecida com a segunda imagem.A lista não é mostrada na íntegra - ela está sendo cortada.Por favor, me sugira qual propriedade usar?O código é o seguinte:
items: [{
xtype: 'combobox',
fieldLabel: 'Location',
displayField: 'name',
forceSelection: true,
pageSize: 10,
store: 'SalesOrderManager.store.LocationStore',
typeAhead: true,
valueField: 'id',
id: 'LocationComboBox'
}]
Como deveria ser:
O que estou recebendo:
O código completo pode ser visualizado em este violino.
Solução
Você está falando sobre a largura do seletor?Eu acho que você quer:
matchFieldWidth: false,
listConfig: {
width: 250
}
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow