Javascript 如何在用户选中树中的某个节点时将其高亮显示,在取消选中该节点的过程中,在extJs中应将其取消高亮显示>;
当用户检查某个节点时,该节点应高亮显示-字体更改或变为粗体。取消选中该节点时,该节点应取消高亮显示,并删除所有新的视觉效果。使用树的viewConfig 树配置:Javascript 如何在用户选中树中的某个节点时将其高亮显示,在取消选中该节点的过程中,在extJs中应将其取消高亮显示>;,javascript,extjs,treepanel,Javascript,Extjs,Treepanel,当用户检查某个节点时,该节点应高亮显示-字体更改或变为粗体。取消选中该节点时,该节点应取消高亮显示,并删除所有新的视觉效果。使用树的viewConfig 树配置: viewConfig: { getRowClass: function(record, rowIndex, rowParams, store){ return record.get("checked") ? "row-highlighted" : "row-nothighlighted"; } } C
viewConfig: {
getRowClass: function(record, rowIndex, rowParams, store){
return record.get("checked") ? "row-highlighted" : "row-nothighlighted";
}
}
CSS:
如果使用Treegrid,则可以使用treecolumn
的renderer
属性:
.row-highlighted, .row-highlighted .x-grid-cell {
background-color:#ffc8c8;
}