ExtJS 3 - GridPanel列ヘッダーに常にメニューアイコンを表示しますか？

Question

私は常に、GridPanelの列見出しにメニューアイコンを表示する必要があります。添付の画像を参照してください。私はCSSクラスを追跡して、<td />タグにホバーのx-grid3-hd-btnが割り当てられていることを確認しました。 x-grid3-hd-btnクラスでは、背景画像、grid3-hd-btn.gifを使用して、私が望むドロップダウン矢印を表示しますが、いつもそれを表示する方法を理解するのに十分なCSSはありません。

があったことを望む、常にこれを表示するGridPanelクラスのAPIの中にフックがあるように思えません。また、矢印アイコンを表示するだけで、列ヘッダーの色などを変更したくないことに注意してください。

これについてのガイダンスはありますか？

ありがとうございます！ジョン

Answer 1

はあなたの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); 
} 

ことを教えて...

Answer 2

あなたのスタイルシートにこれを追加し、これがデフォルトのExtJSテーマのスタイルを上書き

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

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

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