Промяна на стила и/или условния стил на бутона за избор

Бих искал да ви попитам, има ли начин да добавя персонализиран стил към бутона за избор (клетка?) Трябва да задам например червен цвят за една клетка, жълт цвят за друга клетка.

Възможно ли е да премахнете отметка от този бутон за избор и да я замените със стандартно въвеждане на отметка?

Имам предвид това (оригинални бутони за избор):

въведете описание на изображението тук

и бих искал да променя така (очаквани бутони за избор):

въведете описание на изображението тук


person user3178734    schedule 08.10.2015    source източник


Отговори (1)


<style>
    .ui-grid-row > [ui-grid-row] .ui-grid-disable-selection {
        background-color: yellow;
    }
    .ui-grid-row.ui-grid-row-selected > [ui-grid-row] .ui-grid-disable-selection {
        background-color: red;
    }
</style>

За да промените иконата, ще трябва да добавите шрифт на икона. Шрифтът на UI Grid по подразбиране няма квадратчето за отметка. След това можете да направите нещо подобно:

.ui-grid-icon-ok:before {
    content: '\f096';
    font-family: FontAwesome;
}

Забележка: Използвах инспектора на документи на браузъра си, за да идентифицирам тези селектори (F12 в Windows). Трябва да се запознаете и с този инструмент.

person isherwood    schedule 08.10.2015
comment
Благодаря Ви за отговора. Но си помислих, че има повече цветове от 2, зависи от някаква стойност в данните - например, ако data.status == 1, тогава клетката, където е иконата за избор, ще бъде червена, ако data.status == 2, тогава жълта, ако data.status == 3 след това зелено и така.. - person user3178734; 08.10.2015
comment
В този случай въпросът ви не е пълен и/или ясен. Моля, редактирайте го съответно или създайте нов с по-конкретен въпрос. - person isherwood; 08.10.2015