Urgent: ComboBox In Grid

[kpavan304]

Hi,

I am trying to display following json into a grid.

{
    "name": "XYZ",
    "columns": [
        {
            "name": "FName",
            "conditions": [
                {
                    "name": "Equals"
                },
                {
                    "name": "NotEquals"
                }
            ]
        },
        {
            "name": "Salary",
            "conditions": [
                {
                    "name": "Greater Than"
                },
                {
                    "name": "Lesser Than"
                }
            ]
        }
    ]
}

I need grid columns as Name and Conditions.
Conditions column to be a Combo Box with different values in each row i.e from conditions node.

My Combox is displaying values as [object Object],[object Object].


Please help me to resolve this issue.

[scottmartin]

You will need to provided any information about your store/model/proxy. How are you populating your combo? Do you have another store for this data? You description is very vague.

Scott.

[kpavan304]

My Model:

Ext.define('MyApp.model.Column', { extend: 'Ext.data.Model',


fields: [
{
name: 'name'
},
{
name: 'conditions'
}
]
});

My Store:

Ext.define('MyApp.store.MyJsonStore', {
extend: 'Ext.data.Store',
requires: [
'MyApp.model.Column'
],


constructor: function(cfg) {
var me = this;
cfg = cfg || {};
me.callParent([Ext.apply({
autoLoad: true,
storeId: 'MyJsonStore',
model: 'MyApp.model.Column',
proxy: {
type: 'ajax',
url: 'http://localhost/dataStores/config.json',
reader: {
type: 'json',
root: 'columns'
}
}
}, cfg)]);
}
});

My Grid Panel:

Ext.define('MyApp.view.MyPanel', {
extend: 'Ext.panel.Panel',


height: 335,
width: 558,
autoScroll: true,
title: 'My Panel',


initComponent: function() {
var me = this;


Ext.applyIf(me, {
items: [
{
xtype: 'gridpanel',
autoRender: false,
autoScroll: true,
title: 'My Grid Panel',
store: 'MyJsonStore',
viewConfig: {


},
selModel: Ext.create('Ext.selection.CellModel', {


}),
plugins: [
Ext.create('Ext.grid.plugin.CellEditing', {
ptype: 'cellediting',
clicksToEdit: 1
})
],
columns: [
{
xtype: 'gridcolumn',
dataIndex: 'name',
text: 'Name'
},
{
xtype: 'gridcolumn',
dataIndex: 'conditions',
text: 'Conditions'
}
]
}
]
});


me.callParent(arguments);
}


});

[kpavan304]

Any suggestions..this is taking so long.....

[Animal]

See examples/grid/cell-editing.html in your SDK for an example.

[kpavan304]

My JSON is

{ "name": "XYZ", "columns": [ { "name": "FName", "conditions": [ { "name": "Equals" }, { "name": "NotEquals" } ] }, { "name": "Salary", "conditions": [ { "name": "Greater Than" }, { "name": "Lesser Than" } ] } ]}

Placing an editor in the "Conditions" column with xtype as combobox is not working.

how can i pass Arraylist of a gridcolumn to combobox editor of that column.