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

Question

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

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

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

Спасибо!

Джон

Answer 1

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

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

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