Как добавить значок фильтра для столбца ext js после применения фильтра - PullRequest
Новая
       22

Как добавить значок фильтра для столбца ext js после применения фильтра

0 голосов
/ 24 августа 2018

Согласно документации , упоминается, что мы можем использовать класс css для настройки стиля столбца после применения фильтра, но когда я пытаюсь добавить изображение в класс, он никогда не загружается 

.x-grid-filters-filtered-column {
    font-style: italic;
    font-weight: 300;
    background: url(../static/images/filterIcon.png) no-repeat!important;
    background-position: calc(100% - 5px) 3px!important;
    text-decoration: inherit
}

Пожалуйста, предложите, как действовать дальше. Спасибо!

1 Ответ

0 голосов
/ 24 августа 2018

Вы можете сделать это следующим образом: 

.x-grid-filters-filtered-column {
    font-style: italic;
    font-weight: 300;
    text-decoration: inherit
 }

 .x-grid-filters-filtered-column .x-column-header-text-inner {
    background-image: url('/any/image.png');
    background-repeat: no-repeat;
    padding-right: 17px;
    background-position: right center;
 }

Или, если вы используете какую-либо тему, использующую FontAwsome, последний бит может выглядеть следующим образом: 

.x-grid-filters-filtered-column .x-column-header-text-inner:after {
    margin-left: 13px;
    font: 14px/1 FontAwesome !important;
    content: "\f0b0" !important;
 }

Рассмотрим этот пример FIDDLE

...