Color: String
Свойство Color определяет цвет границы ячеек.
Значение свойства возвращается с помощью метода getColor. Из JSON значение задается используя подстановку "@C" в объекте Data (см. конструктор TabSheetCellBorderStyle).
По умолчанию значение свойства равно строке «#FFFFFF», что соответствует белому цвету.
Для выполнения примера необходимо наличие на html-странице компонента TabSheet с наименованием «tabSheet» (см. «Пример создания компонента TabSheet»). Установим для ячеек таблицы цвет, толщину, ширину и стиль границ:
// Получаем модель таблицы var model = tabSheet.getModel(); // Получаем стиль по умолчанию var style = model.getDefaultStyle(); // Получаем массив границ таблицы var borders = style.Borders; for (var i in borders) { var border = borders[i]; if (border.hasIndex(PP.Ui.TabSheetCellBorderIndex.EdgeTop) | border.hasIndex(PP.Ui.TabSheetCellBorderIndex.EdgeLeft)) { // Установим цвет границы, смежной с заголовками строк и столбцов border.setColor("#666666"); // Устанавливаем толщину границы, смежной с заголовками строк и столбцов border.setRawWeight(PP.Ui.TabSheetCellBorderWeight.Medium); if (border.hasIndex(PP.Ui.TabSheetCellBorderIndex.EdgeTop)) { // Получим информацию о границе, смежной с заголовком столбцов таблицы console.log("Информация о границе, смежной с заголовком столбцов таблицы:"); console.log("Толщина: " + border.getWeight(PP.Ui.TabSheetCellBorderIndex.EdgeTop)); console.log("Индекс: " + border.getIndex()); console.log("CSS: \"" + border.toCSS(PP.Ui.TabSheetCellBorderIndex.EdgeTop) + "\"") } } else { // Установим цвет границы ячеек border.setColor("#CCCCCC"); // Устанавливаем стиль границы ячеек border.setStyle(PP.Ui.TabSheetCellBorderLineStyle.Dash); } } // Перерисовываем таблицу tabSheet.rerender();
В результате выполнения примера для границы, смежной с заголовками строк и столбцов таблицы, был установлен тёмно-серый цвет, увеличена толщина до значения, равного 2. Цвет остальных границ ячеек был изменён на светло-серый, а также установлен пунктирный стиль линии:
Отдельно для границы, смежной с заголовком столбцов таблицы, в консоли браузера была выведена информация о её толщине, индексе, а также строка соответствующего ей CCS-стиля:
Информация о границе, смежной с заголовком столбцов
таблицы:
Толщина: 2
Индекс: 2
CSS: "border-top: 2px solid #666666"
См. также: