Как выделить узел в дереве, когда пользователь проверяет его, и во время снятия отметки с этого узла он должен быть выделен в extJs >

Question

Когда пользователь проверяет узел, он должен быть выделен - шрифт меняется или становится жирным. Когда этот узел не отмечен, узел должен быть не выделен, а все новые визуальные эффекты должны быть удалены.

Answer 1

Используйте viewConfig дерева.

Конфигурация дерева:

viewConfig: {
    getRowClass: function(record, rowIndex, rowParams, store){
        return record.get("checked") ? "row-highlighted" : "row-nothighlighted";
    }
}

CSS:

.row-highlighted, .row-highlighted .x-grid-cell {
    background-color:#ffc8c8;
}

Если вы используете Treegrid, вы можете использовать renderer собственностью treecolumn: http://docs.sencha.com/extjs/6.0.2/classic/Ext.tree.Column.html