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);
}

告诉我这是不是......