如何应用自定义 CSS 将行选择到 Tree Grid Panel 到 Ext JS 4.1

【问题标题】：how to apply custom CSS to select row into Tree Grid Panel into Ext JS 4.1如何应用自定义 CSS 将行选择到 Tree Grid Panel 到 Ext JS 4.1
【发布时间】：2012-09-03 14:13:42
【问题描述】：

我是 ext js 的新手，我正在使用 Ext js 4.1 创建 treeGrid 面板，我们也为 ech 列使用不同的渲染函数。那么如何将 CSS 应用到选定行到 Treepanel 中？

【问题讨论】：

标签： extjs extjs4.1 treegrid treepanel

【解决方案1】：

选择的原始 css 类是 x-grid-row-selected，您可以覆盖它：

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

在您的渲染器中，您可以使用元数据应用 css 类：

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

【讨论】：

一般来说，如果您可以添加自己的 CSS 类，则覆盖现有的 CSS 类通常不是一个好主意。很难保证您的更改不会渗透到其他组件中。第二种选择更好；通过tdCls 添加您自己的类为您提供更大的灵活性，并允许您有选择地应用您需要的样式。