How To Re-Empty ComboBox when forceSelection is Set To TRUE (ExtJS 4)

combobox extjs4
Fitrah M picture Fitrah M · Feb 21, 2012 · Viewed 25k times · Source

I have a combo box with forceSelection config is set to true.

The combo box is optional. It can be empty.

If user choose one of the options and then re-empty the combo box, it doesn't want to be empty.

The combo box always restores the previously selected value.

It's ridiculous. It should be empty when user delete the value.

How to solve this problem? Is there a config that I missed?

Answer

Aurimas picture Aurimas · May 14, 2012

I've solved this problem with 'change' listener. Example code snippet

addListener('change', function() {
  if (this.getValue() === null) {
    this.reset();
  }
});

When you delete selected value, the ComboBox value is set to null. So you you could just check for that value & restore the ComboBox value to default one.

Related questions

Extjs 4 combobox default value

I'm migrating my application from ExtJs 3 to 4 version. I have several comboboxes at my formPanel, and previously I've used hiddenName and all that stuff to submit valueField instead of displayField. All my adaptation works fine (value field IS submitting), but …

Read More
How to add an empty item to ExtJS combobox?

I want to add and empty item (display value is blank, item height is kept as normal) to an Ext.form.ComboBox. I refered 2 links below to configure my combobox, but it still not display the empty item: http://www.…

Read More
ExtJS ComboBox dropdown width wider than input box width?

Is there any way to set the width of an ExtJS (version 4) ComboBox's dropdown menu to be wider than that of the actual input box? I have a comboxbox that i want to be around 200px but I have paging …

Read More