Question

Using EXTJS4, I have created a custom grid. I would like one column to be editable using a picker. If I wanted to do this with a editable text field, I would simply define the row as:

{dataIndex: 'ValueScore', width: 40 text:'Value',
                        field: {xtype: 'textfield'}}

So I think I should be able to do it like this:

{dataIndex: 'ValueScore', width: 40, text:'Value',
                        field: {xtype: 'pickerfield'}}

But how do I define my picker fields, etc? Is this the right way to do this?

Answer 1

Thanks to sha who pointed me in the right direction on this. First of all, turns out I wanted a Combobox (single select), not a picker. But regardless, what did not understand (and could not find the doc for) was that EXT-JS will create these selection objects for you (like a combobox), and so you just need to pass the creation parameters in the “field” parameter. For example:

{dataIndex: 'ValueScore', width: 40, text:'Value',
    field: {xtype: 'combobox', store: myStore, queryMode: 'local', displayField: 'value', valueField: 'value'}

Here I have pre-defined a data store called myStore that has a limited set of values I’d like the user to choose from.