ExtJs 4, How to prevent xtype: 'combo' from collapsing when already selected item clicked?
-
24-10-2019 - |
Pergunta
I have ComboBox
. When I click on item from expanded list, ComboBox
select this item and collapse. If I click on already selected item it also collapsing.
Is there a way to "stop" ComboBox
collapsing when user select already selected item?
PS: to be short i want ComboBox
to behave like TimeField
from http://dev.sencha.com/deploy/ext-4.0.0/examples/themes/index.html
UPDATE
I don't need solutions that dosen't work at least at IE7 and IE8..
Solução
If you want that behaviour:
Ext.form.field.ComboBox.override({
onItemClick: Ext.emptyFn
});
Outras dicas
var cb = new Ext.form.ComboBox({
// here is your local store
mode: 'local',
store: new Ext.data.SimpleStore({
fields: ['id', 'label'],
data: [
['1', 'One'],
['2', 'Two']
]
}),
listeners: {
'beforeselect': function (combo, record, index) {
// prevent collapsing if the same value is selected
if (record.data.label == combo.getRawValue()) return false;
}
}
});
If it's 3.3 you're dealing with, this seems to work:
Ext.form.ComboBox.override({
onSelect : Ext.form.ComboBox.prototype.onSelect.createInterceptor(function(record) {
return this.getValue() !== record.data[this.valueField || this.displayField];
})
});
Tested on Chrome and IE8. It prevents the onSelect
function being called if it the current value exactly matches the value you're trying to set.
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow