0

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

ここに画像の説明を入力してください

GridPanelクラスのAPIには、これを常に表示するためのフックがないようです。また、矢印アイコンのみを表示したい、列ヘッダーの色を変更したくないなどの点に注意してください。

誰かがこれについて何かガイダンスがありますか？

ありがとう！

ジョン

4

2 に答える 2

4

これをスタイルシートに追加すると、デフォルトの 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-09T12:00:23.917 に答える
0

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-06T12:55:26.980 に答える