Extjs Grid - Add class to row when click a cell of

Question

I want to add class to row when i click a cell of grid like below
I try three option but not working. How to make it work thanks

listeners: {
        ,'cellclick': function (grid, td, cellIndex, record, tr, rowIndex, e, eOpts ) {
            // addclass to row
            Ext.fly(grid.getView().getRow(rowIndex)).addClass('bluerow'); // not working
            grid.getView().addRowCls(rowIndex, 'bluerow'); // not working
            Ext.get(e.target).addClass('bluerow'); // not working
        }
}

Answer 1

Try the below code snippet:

grid.getView().addRowCls(rowIndex,'bluerow'); 
grid.getView().removeRowCls(rowIndex,'bluerow');

Answer 2

grid param in cellclick is already a view.Please have a look cellclick You can do add css directly as :

grid.addRowCls(rowIndex, 'bluerow');

Here is the fiddle