Question

页: 1 当我从扩大名单中点击项目时,ComboBox选择了该项目并崩溃。如果我点击已经选定的项目,它也会串通一气。

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..

Answer 1

If you want that behaviour:

Ext.form.field.ComboBox.override({
    onItemClick: Ext.emptyFn
});

Answer 2

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;
        }
    }
});

Answer 3

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.

友情链接