grid: cell value variable

[teddy11]

Hello,

I have a grid with two columns. The data is in an array "Column A" and "Column B".
The first column value is known and added to the array but the column b is a calculated field. I have looked all over and I can't figure out how to do this. Is it possible to do this and if so, Does anyone have an example?

[skirtle]

Which ExtJS version is this? Please post questions in the relevant help forum.

You'd do this using a renderer function on the column. The renderer is passed the whole record for the row so you can do whatever calculations are required.

[sword-it]

Hello
Try to use following code for fill the value in second column after calculation

    var arrayStore= function () {
        return [
            [ '500'],
            [ '1234'],
            [ '3000'],

        ];
    }
    var selModel= function () {
        return new Ext.grid.RowSelectionModel({
            singleSelect: true
        });
    }
    var calculatedValue = function (values, metadata, record) {
        return (record.get('price') * 5);
    }
    var colModel= function () {
        return new Ext.grid.ColumnModel([
                {
                    header: 'Column A'
                    , dataIndex: 'price'
                },
                {
                    header: 'Column B'
                    , renderer: calculatedValue
                }
        ]);
    }
    
    var win = new Ext.Window({
        title: 'My Window'
        , width: 400
        , height: 400
        , layout: 'form'
        , items: [
            {
                xtype: 'grid'
                , width: 380
                , height: 200
                , viewConfig: {
                    forceFit: true
                }
                , title: 'My First Grid'
                , store: new Ext.data.ArrayStore({
                    data: arrayStore()
                    , fields: ['price']
                })
                , colModel: colModel()
                , selModel: selModel()
            }
        ]
    });
    Ext.onReady(function () {
        win.show();
    })