ExtJS: Grid: How to get/set values of a specific cell of a row in grid

Imagine you have an ExtJs grid having 3-4 columns and several rows.
Let us consider the below grid.
Please note it has to be an ExtJs grid.

Field	Type	Control
Name	Int Double Varchar	Label TextField Button
Age	Int Double Varchar	Label TextField Button
Sex	Int Double Varchar	Label TextField Button

Now what I want to do is if I change the "Type" field of any row, the "Control" field of the corresponding row should get set to a defined value automatically.

For eg.
1. Name : I select "Varchar" in Type field - its Control field should get changed to "TextField".

How do I do it? Here it is...

You will have to write your code in the "change" event of the dropdown box.
In our case it will be the "Type" combobox.

 
 listeners: {
                change: function (field, newValue, oldValue) {
                    // if type selected is varchar   
                    if (newValue == 'Varchar') {
                        // get the handler to the grid 
                        var grid = this.up().up();
                        // get selection model of the grid  
                        var selModel = grid.getSelectionModel();
                        // set control of the record to text  
                        //NOTE: 'control' here is the value set in the dataIndex property of the Control combobox  
                        selModel.getSelection()[0].set('control', 'TextField');
                    }
                }
            }

JSFiddle Demo

That's it! Now you can test by changing the type of any row to varchar. Control of the corresponding row will get set to text instantaneously.

Cheers!