ExtJS 3 - Всегда показывать значок меню в заголовке столбца GridPanel?

Question

У меня есть требование всегда отображать значок меню в заголовке столбца GridPanel. Смотрите прикрепленное изображение. Я отследил класс css и увидел, что тегу <td /> назначен x-grid3-hd-btn при наведении курсора. Класс x-grid3-hd-btn использует фоновое изображение, grid3-hd-btn.gif, чтобы отобразить стрелку раскрывающегося списка, которую я хочу, но я не достаточно разбираюсь в css, чтобы понять, как его всегда показывать.

Кажется, в API класса GridPanel нет крючка, чтобы всегда отображать это, если бы оно было. Также обратите внимание, что я хочу, чтобы отображался только значок стрелки, я не хочу, чтобы заголовок столбца менял цвет и т. Д.

У кого-нибудь есть указания по этому поводу?

Спасибо!

John

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

Вы пытались заменить фоновое изображение класса css в файле ext-all.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);
}

скажи мне, если бы это сделал ...