ExtJS 3 - 總是在GridPanel列標題中顯示菜單圖標？

我有一個要求，總是在GridPanel的列標題中顯示菜單圖標。見附圖。我已經追蹤了css類，並且在懸停時看到<td />標籤被分配x-grid3-hd-btn。 x-grid3-hd-btn類使用背景圖像，grid3-hd-btn.gif來顯示我想要的下拉箭頭，但我不是css精明的，不知道如何始終顯示它。ExtJS 3 - 總是在GridPanel列標題中顯示菜單圖標？

enter image description here

似乎有沒有處於勾的GridPanel類的API，以便始終顯示這一點，希望能有。另外請注意，我只希望箭頭圖標顯示，我不希望列標題來改變顏色等

沒有人對此有什麼指導？

謝謝！

約翰

來源

2011-10-26 John Gordon

你嘗試過在你的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); 
}

告訴我，如果是誰幹的，

來源

2011-12-06 12:55:26 AMember

你也可以覆蓋它在你自己的CSS文件中，如果你不想改變框架文件。（我認爲如果你保留原始文件，這將是更好的做法） – AMember

Garr。我想你的建議，但它只會改變了吧，不顯示的下拉箭頭（僅供參考，我使用的是「灰色」的主題。）。標題中的箭頭似乎是它自己的元素。我敢肯定，如果我打了一圈，發現合適的CSS選擇，我可以用你的建議，在任何時候都適用的箭頭。無論如何感謝您的意見！ –

添加到您的樣式表，這將覆蓋默認ExtJS的主題風格

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

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

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

來源

2011-12-09 12:00:23

這工作正常，但menuDisabled：true列顯示菜單。如何克服這個問題？ – JackAss

ExtJS 3 - 總是在GridPanel列標題中顯示菜單圖標？

回答

相關問題