ExtJS 4.2在单元格编辑时突出显示所选行

Ext.application({
    name: 'MyApp',
    launch: function() {
        Ext.create('Ext.grid.Panel', {
            renderTo: Ext.getBody(),
            store: Ext.create('Ext.data.Store', {
                fields: ['name', 'age'],
                data: [
                    { name: 'John', age: 30 },
                    { name: 'Jane', age: 25 },
                    { name: 'Bob', age: 35 }
                ]
            }),
            selModel: Ext.create('Ext.selection.RowModel', {
                mode: 'SINGLE'
            }),
            columns: [
                { text: 'Name', dataIndex: 'name', editor: 'textfield' },
                { text: 'Age', dataIndex: 'age', editor: 'numberfield' }
            ],
            plugins: [
                Ext.create('Ext.grid.plugin.CellEditing', {
                    clicksToEdit: 1
                })
            ],
            listeners: {
                beforeedit: function(editor, context) {
                    var rowEl = Ext.get(context.row);
                    rowEl.addCls('selected-row');
                }
            }
        });
    }
});