Изменить стиль и/или условный стиль кнопки выбора

Я хотел бы спросить вас, есть ли способ добавить собственный стиль к кнопке выбора (ячейке?). Мне нужно установить, например, красный цвет для одной ячейки, желтый цвет для другой ячейки.

Можно ли удалить контрольную картинку с этой кнопки выбора и заменить ее на стандартный ввод флажка?

Я имею в виду это (оригинальные кнопки выбора):

введите здесь описание изображения

и я хотел бы изменить вот так (ожидаемые кнопки выбора):

введите здесь описание изображения


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