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

Question

我需要始终在 GridPanel 的列标题中显示菜单图标。请参阅附图。我跟踪了 css 类，并看到 标签在悬停时被分配了 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);
}

告诉我是否是这样......