Color: PP.Color
Свойство Color определяет цвет бегунка с возможностью выбора цвета.
Значение свойства устанавливается из JSON и с помощью метода setColor, а возвращается с помощью метода getColor.
Для выполнения примера предполагается наличие на странице компонента Slider с наименованием «slider» (см. «Пример создания компонента Slider» ). Создадим новый бегунок с возможностью выбора цвета, изменим его цвет, обработаем следующие события: ColorChanged, PaletteOpened:
// Получим родительский контейнер бегунков компонента
var parentNode = slider.getItemByIndex(0).getParentNode();
// Создадим новый бегунок
var sliderItemColor = new PP.Ui.SliderItemColor({
ParentNode: parentNode, // Родительский контейнер
Color: "#000000" // Цвет бегунка
});
// Обработаем событие ColorChanged
sliderItemColor.ColorChanged.add(function (sender, args, timeout) {
console.log("Инициировано событие ColorChanged")
});
// Обработаем событие PaletteOpened
sliderItemColor.PaletteOpened.add(function (sender, args, timeout) {
console.log("Инициировано событие PaletteOpened")
});
// Установим новое значение цвета бегунка
sliderItemColor.setColor("#00FF00");
В результате выполнения примера был создан новый бегунок с возможностью выбора цвета, был изменен его цвет. Откроем меню выбора цвета, щёлкнув по добавленному бегунку:

Также в консоли браузера были выведены сообщения о вызове обработанных событий:
Инициировано событие ColorChanged
Инициировано событие PaletteOpened
См. также: