View Full Version : Render Combobox on to html control inside a GridPanel

23 Jul 2013, 11:24 PM
I have the issue with combobox render in a gridpanel. Below is the test case of my code."RenderColumns" function is getting called on column renderer and then RenderControls is called to render Ext control. Pleas see my snippet and tell me where i am wrong on this as this code was executing perfectly with ext earlier version.

var RenderControls=function(){

Ext.define('ModelPaymentMode', {
extend: 'Ext.data.Model',
fields: [
{name:"value", type:"string"},
var storePayMode = Ext.create('Ext.data.Store', {
model: 'ModelPaymentMode',
{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 + "' >";


24 Jul 2013, 4:29 AM
Someone please help me...

25 Jul 2013, 11:35 AM
While we will see more component-in-grid support coming soon it's not supported out of the box in ExtJS today.

For now you may consider the following user extension:
http://skirtlesden.com/ux/component-column (http://skirtlesden.com/ux/component-column)