Issue with rendering controls in a grid column

[rishu]

With Ext 1.X render of controls was working fine for our gridpanel but now ext controls are not getting rendered.
With code given below everything was working fine.

var RenderControls=function(){

 Ext.define('ModelPaymentMode', {
                   extend: 'Ext.data.Model',
                   fields: [
                       {name:"value", type:"string"},
                       {name:"text",type:"string"}
                   ]
               });
                var storePayMode = Ext.create('Ext.data.Store', {
                              model: 'ModelPaymentMode',
                              data:[
                                  {value: '0', text: 'Annual'},
                                  {value: '1', text: 'Semi-Annual'},
                                  {value: '2', text: 'Quarterly'},
                                  {value: '3', text: 'Monthly'}
                               ]
              
                });

             new Ext.form.ComboBox({
                            editable: false,
                            store: storeGender,
                            displayField: 'text',
                            valueField: 'value',
                            typeAhead: true,
                            queryMode: 'local',
                            forceSelection: true,
                            triggerAction: 'all',
                            selectOnFocus: true,
                            width: 80,
                            applyTo: 'ctl_12'
                        });


}

var RenderColumns = function (value, metadata, record, rowIndex, colIndex, store) {
 return "<input type='text' id='ctl_" + rowIndex + "_" + colIndex + "' value='" + value + "' >";
}

GridPanelLFView.AddScript("setTimeout(\"RenderControls();\",\"0.001\")");

RenderColumns function is column renderer function.

Please see the attached image of earlier(Ext1.1_gridpanel.JPG) and current(Ext2.2_GridPanel.JPG) GridPanel for reference.

[Vladimir]

Use ComponentColumn
https://examples2.ext.net/#/GridPane...tiple_Editors/

[rishu]

Thanks Vladimir, i want something like multiple editors but example given by you is creating columns and controls statically and i want to create controls dynamically as all the columns in grid are creating dynamically.

[Daniil]

Anything that defined in markup can be created in code behind if needed.

[rishu]

Hi Daniil,

Thanks for the reply!!!
Renderer for component column is working smoothly but controls are not being rendered. I noticed in example that component column is having component and inside component we are placing different controls. So just tell me how we are going to get component at client side as i am placing controls directly in component column on column renderer.

[Daniil]

as i am placing controls directly in component column on column renderer.

I don't think it will work.

You could apply a dynamic config in the BeforeBind handler.

<BeforeBind Handler="e.config = { xtype: 'textfield' };" />

[rishu]

I don't think it will work.

You could apply a dynamic config in the BeforeBind handler.

<BeforeBind Handler="e.config = { xtype: 'textfield' };" />

BeforeBind event is part of which component(column/GridView/CellSelectionModel/GridPanel).

[Daniil]

It is a ComponentColumn's event.

[rishu]

<BeforeBind Handler="e.config = { xtype: 'textfield' };" />

Hi Daniil,

If its a event of component column then how i am going to use it for my scenario as i have a requirement of showing different controls in one column.I have around 9 rows each having different control. dynamic config given above will be applied to whole column. I cannot use this event.

[Daniil]

A ComponentColumn's BeforeBind is being triggered for each row.