addStateClass (value);
value. Имя css-класса.
Метод addClass добавляет css-класс к компоненту и удаляет прежний css-класс.
Для выполнения примера необходимо наличие на html-странице ссылок на файлы PP.css, PP.js и jquery.js. Добавим на страницу компонент TextArea и установим для него отступы, новый вид границы и цвет заливки:
textArea = new PP.Ui.TextArea({
ParentNode: document.body,
Content: "Text"
})
textArea.addStateClass("newStyle")
if (textArea.hasClass("newStyle")) {
// Зададим стили для данного класса
$("div.newStyle").css("margin", "20px");
$("div.newStyle").css("border", "1px dashed");
$("div.newStyle").css("background-color", "#FFF8DC")
} else {
console.log("CSS-класс «newStyle» не найден.");
};
console.log("Цвет фона: " + textArea.getCssStyle(textArea.getDomNode(), "background-color"));
//Очищаем кэш стилей компонента
textArea.clearStylesCache();
После выполнения примера на странице будет размещен компонент TextArea, имеющий следующий вид:
В консоли браузера будет выведен цвет фона в формате RGB:
Цвет фона: rgb(255, 248, 220)
См. также: