reduceCaptionWidthBy(value: Number);
value. Значение, на которое необходимо укоротить заголовок.
Метод reduceCaptionWidthBy укорачивает заголовок столбца дерева, не влияя на ширину содержимого столбца.
Для выполнения примера предполагается наличие на странице компонента TreeList c наименованием «treeList» (см. «Пример создания компонента TreeList»). Установим ширину видимой части первого столбца:
// Устанавливаем ширину видимой части первого столбца treeList.getColumns().getItem(0).setVisibleWidth(200);
Уменьшаем ширину заголовка первого столбца на 50 пикселей и проверяем, было ли произведено уменьшение ширины заголовка:
// Уменьшаем ширину заголовка столбца
treeList.getColumns().getItem(0).reduceCaptionWidthBy(70);
// Проверяем, было ли произведено уменьшение ширины заголовка
if (treeList.getColumns().getItem(0).isCaptionReduced()) {
console.log("Была уменьшена ширина заголовка");
console.log("Ширина заголовка: " + treeList.getColumns().getItem(0).getCaptionWidth());
} else {
console.log("Ширина заголовка уменьшена не была");
}
// Обновляем содержимое столбца
treeList.getColumns().getItem(0).updateContent();
В результате ширина заголовка будет меньше ширины содержимого:
В консоль будет выведена информация об уменьшении ширины заголовка первого столбца:
Была уменьшена ширина заголовка
Ширина заголовка: 130
См. также: