Add row to grid panel, but with separate construction details in ExtJS

Question

I have generated grid panel based on my results in PHP. Here is a grid panel: myGridPanel.
Now I need to create third row in grid panel and place Ext.form.ComboBox inside this third row. There should be a Ext.form.ComboBox for every column.

NB! Not one combobox, but a number of them for every column, but only in third row.

I thought about applying editor to this grid panel columns like here, but as you can see this means, that all rows will have Ext.form.ComboBox, but I need them only in third row. Third row shouldn't have any content except those Ext.form.ComboBox with their data.

Answer 1

I think you should add a renderer for that column (in ColumnModel) and try to give the column value (which can probably be everything) depending on which line you are rendering. E.g.:

function renderTestColumn(value, p, record, store) {
    return value;
}

Here you can find all params passed to renderer function:

http://dev.sencha.com/deploy/dev/docs/source/ColumnModel.html#method-Ext.grid.ColumnModel-setRenderer

Answer 2

I solved the problem by adding a PropertyGrid to the layout. So now it's

Parent - layout : 'border'
| - 'center' : GridPanel
| - 'east' : PropertyGrid

Now I have same ComboBoxes in this property grid and parent is xtype : 'form'. So now sending setup data from suggestions about GridPanel which were set in PropertyGrid is not a problem.

Adding separate row to GridPanel is to difficult for me yet.