How to dynamically change the combobox values based on another combobox value?

Question

I have multiple combo boxes which should be inter related. I need to change the combo box values based on a value selected in one combo box.

Say, If I select one Category in combo box, then all the other combo boxes should be getting values which are related to Category.

Please have a look at the table below:

enter image description here

you can use store filtering ex: combobox.store.filter(, ) – Dart Nov 05 '13 at 12:14 — Dart, Nov 05 '13 at 12:14

score 0 · Answer 1 · answered Nov 05 '13 at 12:58

0

If you have a lot of values in your combo-box, it's not necessary to early load all.

You can fill them "manually" by a "querymode : local".

So, your query who fill your combo should depends on the others

answered Nov 05 '13 at 12:58

Toldy

1,241
1
14
27

score 0 · Answer 2 · answered Nov 05 '13 at 15:28

Each combobox needs to be assigned a store .

In your case, you can create one store with only Categories data and another store with all the data shown in your grid one for each of the dependent combo boxes.

Using onselect event listener of Categories dropdown, you can filter the stores of the dependent comboboxes.

(If you want to know how to define a combobox and store, you can look at the below example http://try.sencha.com/extjs/4.1.1/docs/Ext.form.field.ComboBox.1/ and several others from sencha docs.)

How to dynamically change the combobox values based on another combobox value?

2 Answers2