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

Posted 2023-02-26

【中文标题】如何应用自定义 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

【发布时间】：2012-09-03 14:13:42

【问题描述】：

我是 ext js 的新手，我正在使用 Ext js 4.1 创建 treeGrid 面板，我们也为 ech 列使用不同的渲染函数。那么如何将 CSS 应用到选定行到 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 添加您自己的类为您提供更大的灵活性，并允许您有选择地应用您需要的样式。