Hi,

I've seen several questions/answers that seem to relate to this, but none have given me something I can work with.

I have a standard gridpanel in architect.
It's tied to a ExtDirect store, and the store's model has a boolean field on it.

I want a checkbox column in the gridpanel tied to this field so that:
- Rows are rendered with the box ticked/unticked as per the model they're rendering
- When I tick/untick the checkbox, the model in the store should be changed
- Presumably, red dirty data tabs will appear on the corner of the cell, as well

I've seen various suggestions, but none appear to cover this exactly.

I think I want:
- Row editting plugin
- Promote column to class, override the class, and set xtype to checkbox

But "promote to class" is greyed out in the context box on any column in my grid.

If someone could walk me through this, I'd really appreciate it!

Thanks

Gareth

Here's the code with a boolean column instead:
Code:
                {
                    xtype: 'gridpanel',
                    region: 'north',
                    floating: true,
                    height: 300,
                    hidden: true,
                    itemId: 'manage_list',
                    minWidth: 250,
                    title: '!Auto-Translated Languages',
                    store: 'XYZLanguage',
                    columns: [
                        {
                            xtype: 'gridcolumn',
                            width: 140,
                            dataIndex: 'name',
                            text: '!Language'
                        },
                        {
                            xtype: 'booleancolumn',
                            dataIndex: 'maintain_translations',
                            text: '!Auto Translate'
                        }
                    ],
                    dockedItems: [
                        {
                            xtype: 'toolbar',
                            dock: 'bottom',
                            items: [
                                {
                                    xtype: 'tbspacer',
                                    flex: 1
                                },
                                {
                                    xtype: 'button',
                                    itemId: 'ok',
                                    text: '!OK'
                                },
                                {
                                    xtype: 'button',
                                    itemId: 'cancel',
                                    text: '!Cancel'
                                }
                            ]
                        }
                    ]
                }