ExtJS populate combobox from other combobox selected record

Question

(ExtJS 4.2.1) I have two combobox for searching employee.

One search the employee by employee number and the other search the employee by name:

This is the store shared by both comboboxes:

var cboEmployeeStore = Ext.create('App.store.employee.EmployeeCombo');
cboEmployeeStore.getProxy().extraParams = {
    employerId: 0
};

These are my comboboxes:

xtype: 'combobox',
    itemId: 'cboEmployeeNumber',
    width: 180,
    store: cboEmployeeStore,
    cls: 'arigth',
    displayField: 'EmployeeNumber',
    valueField: 'EmployeeId',
    queryMode: 'remote',
    fieldLabel: 'Clave',
    editable: true,
    hideTrigger: true,
    queryParam: 'searchStr',
    name: 'EmployeeNumber',
    allowBlank: false,
    minChars: 3,
    listConfig: {
        loadingText: 'Searching...',
        minWidth: 300,
        // Custom rendering template for each item
        getInnerTpl: function () {
            return '<b>{EmployeeNumber}</b> / {FullName}';
        }
    }

xtype: 'combobox',
    itemId: 'cboEmployee',
    width: 400,
    store: cboEmployeeStore,
    cls: 'arigth',
    displayField: 'FullName',
    valueField: 'EmployeeId',
    queryMode: 'remote',
    fieldLabel: 'Employee',
    editable: true,
    hideTrigger: true,
    queryParam: 'searchStr',
    name: 'EmployeeId',
    allowBlank: false,

    listConfig: {
        loadingText: 'Searching...',
        // Custom rendering template for each item
        getInnerTpl: function () {
            return '<b>{EmployeeNumber}</b> / {FullName}';
        }
    }

Both uses the same store. The stores are remote so after you type the store will be filled by the results from server.

What I need is, if I search in the cboEmployeeNumber combobox and then select a value, then my cboEmployee should get the same record. And same if I do a search in the cboEmployee.

Any clue how to do that?

I have clues how to do that but what have you tried yourself? — Dexygen, Jul 11 '14 at 17:03
I have tried: me.getEmployeeCombo.setValue(record.get('EmployeeId')); — VAAA, Jul 11 '14 at 19:43

score 0 · Accepted Answer · answered Jul 12 '14 at 17:15

0

Listen to the select event on the combobox. When it's fired have it update the other combobox.

Take care that the events don't get fired in a loop.

answered Jul 12 '14 at 17:15

Lorenz Meyer

19,166
22
75
121

But how can I update it? I mean both uses same store, I load store dinamically. – VAAA Jul 12 '14 at 17:50
Why do you have two comboboxes ? Wouldn't it be better to have only one combobox that allows searching both by name and by id ? – Lorenz Meyer Jul 12 '14 at 18:29
Thats why I ended with. Just one with option to search by both type of data. – VAAA Jul 12 '14 at 18:38

ExtJS populate combobox from other combobox selected record

1 Answers1