Ha a ComboBox elemei között az egyiknek a displayField mezője üres, akkor a legördülő listában az adott elem csupán néhány pixel magas lesz.
new Ext.form.ComboBox({
renderTo: Ext.getBody(),
displayField: 'display',
valueField: 'value',
store: new Ext.data.SimpleStore({
fields: ['display', 'value'],
data: [['', '0'], ['hello', '1']]
}),
typeAhead: true,
mode: 'local',
triggerAction: 'all'
});
renderTo: Ext.getBody(),
displayField: 'display',
valueField: 'value',
store: new Ext.data.SimpleStore({
fields: ['display', 'value'],
data: [['', '0'], ['hello', '1']]
}),
typeAhead: true,
mode: 'local',
triggerAction: 'all'
});
Triviális megoldás lehet, hogy nem csinálunk ilyet :), mondjuk úgy, hogy az üres string helyett -t használunk. (olyan szóköz, ami nem választható el) Editálható ComboBox esetén nem lesz jó, mivel kiválasztásakor megjelenik az input mezőben is a szóköz.
Másik megoldás lehetne, hogy css-ben beállítjuk a minimum magasságot. (azt leszámítva, hogy az IE nem ismeri a minimum magasságot, illetve nem tudhatjuk, hogy pontosan mekkora is az a minimum magasság, tehát ezeket leszámítva teljesen jó megoldás)
Végül megoldható úgy, hogy a lenyiló lista template-jét átszerkesztjük.
