11

私は持っていComboBoxます。展開されたリストからアイテムをクリックすると、ComboBoxこのアイテムが選択されて折りたたまれます。すでに選択されているアイテムをクリックすると、それも折りたたまれます。

ユーザーが既に選択したアイテムを選択したときに、折りたたみを「停止」する方法はありますか?ComboBox

PS: 簡潔に言うと、http://dev.sencha.com/deploy/ext-4.0.0/examples/themes/index.htmlComboBoxのように動作したいTimeField

アップデート

少なくとも IE7 と IE8 で機能しないソリューションは必要ありません。

4

3 に答える 3

4
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;
        }
    }
});
于 2011-04-27T22:57:22.447 に答える
3

あなたが扱っているのが3.3の場合、これはうまくいくようです:

Ext.form.ComboBox.override({
  onSelect : Ext.form.ComboBox.prototype.onSelect.createInterceptor(function(record) {
    return this.getValue() !== record.data[this.valueField || this.displayField];
  })
});

ChromeとIE8でテスト済み。onSelect現在の値が設定しようとしている値と完全に一致する場合、関数が呼び出されるのを防ぎます。

于 2011-05-06T12:26:01.203 に答える
3

その動作が必要な場合:

Ext.form.field.ComboBox.override({
    onItemClick: Ext.emptyFn
});
于 2011-04-27T11:22:20.773 に答える