how to apply custom CSS to select row into Tree Grid Panel into Ext JS 4.1

Question

I am new into ext js I am using Ext js 4.1 for Create treeGrid Panel also we use different render function for ech column. Then How to apply CSS to Selected Row into Treepanel?

Answer 1

The selected raw css class is x-grid-row-selected, which you can override:

.x-grid-row-selected {
    background-color: red;
}

Within your renderer you can apply a css class using metadata:

renderer: function( aValue, aMetaData, aRecord )
{
    aMetaData.tdCls = 'some-of-your-own';
}