extjs3 - ExtJS 3 - 始终在 GridPanel 列标题中显示菜单图标？

Question

我需要始终在 GridPanel 的列标题中显示菜单图标。见附图。我已经追踪了 css 类，并看到<td />标签是x-grid3-hd-btn在悬停时分配的。该类x-grid3-hd-btn使用背景图像grid3-hd-btn.gif来显示我想要的下拉箭头，但我对 css 的了解不够，无法弄清楚如何始终显示它。

GridPanel 类 api 中似乎没有一个钩子来始终显示这个，希望有。另外，请注意，我只希望显示箭头图标，不希望列标题更改颜色等。

有人对此有任何指导吗？

谢谢！

约翰

Answer 1

将此添加到您的样式表中，这会覆盖默认的 extjs 主题样式

/**
 * EXTJS Grid-3 Always visible header buttons
 */

.x-grid3-hd-btn {
display: block !important;
height: 22px !important;
}

.x-grid3-hd {
cursor: pointer;
}

Answer 2

您是否尝试过替换 ext-all.css 文件中的 css 类背景图像？

原来的：

.x-grid3-header{
    background-color:#f9f9f9;
    background-image:url(../images/default/grid/grid3-hrow.gif);
}

替换为：

.x-grid3-header{
    background-color:#f9f9f9;
    background-image:url(../images/default/grid/grid3-hrow-over.gif);
}

告诉我是否这样做...