Пользовательское дерево
Данный компонент используется для построения структуры пользовательского дерева. |
Общие переменные (свойства)
Общие переменные: Имя, Видимый, Свойства расширения, Ширина сетки, Высота сетки, Выход за пределы контента, Стиль контейнера, Пользовательские классы, Стиль
Метка
Текст заголовка дерева.
Имя переменной: | treeLabel |
Записи: | 1 |
Формат записи:
Имя поля | Тип поля | Примечания |
treeLabel | String | Метка |
Данные в дереве
Данное свойство определяет иерархию и визуальное представление узлов дерева.
Имя переменной: | treeData |
Записи: | 0..не ограничено |
Формат записи:
Имя поля | Тип поля | Примечания |
key | String | Key. Уникальный ключ узла дерева. |
title | String | Title. Отображаемое имя узла. |
children | Data Table | Children. Определяет дочерние узлы для текущего узла. Вложенная таблица данных с двумя полями:
|
nodeStyleId | String | Node Style. Уникальный ID стиля CSS для применения к узлу. Данное поле должно соответствовать полю id свойства nodeStyle. |
Выбранные узлы
Данное свойство определяет, какие узлы дерева будут выбираться по умолчанию.
Имя переменной: | selectedNodes |
Записи: | 0..не ограничено |
Формат записи:
Имя поля | Тип поля | Примечания |
key | String | Key. Уникальный ключ выбираемого узла дерева. |
Развёрнутые узлы
Данное свойство определяет, какие узлы дерева будут разворачиваться по умолчанию. Развернутый узел должен иметь хотя бы один дочерний узел.
Имя переменной: | expandedNodes |
Записи: | 0..не ограничено |
Формат записи:
Имя поля | Тип поля | Примечания |
key | String | Key. Уникальный ключ развернутого узла дерева. |
Отмеченные узлы
Данное свойство определяет, какие узлы дерева будут отмечаться по умолчанию. Для использования этого свойства необходимо активировать свойство Добавить флажок выбора.
Обратите внимание, что отмеченные узла отличаются от выбранных узлов. Каждый узел может быть отмечен и/или выбран по отдельности.
Имя переменной: | checkedNodes |
Записи: | 0..не ограничено |
Формат записи:
Имя поля | Тип поля | Примечания |
key | String | Key. Уникальный ключ отмечаемого узла. |
Фильтрующийся
Если включено, данное свойство позволяет фильтровать данные с использованием интегрированного поля поиска, расположенного в самом верху компонента дерева. Узлы дерева, соответствующие поисковому запросу, будут подсвечиваться.
Имя переменной: | filterable |
Записи: | 1 |
Формат записи:
Имя поля | Тип поля | Примечания |
filterable | Boolean | Фильтрующийся |
Заполнитель
Текст, отображаемый в поле поиска, если никакой другой текст не введен.
Имя переменной: | inputPlaceholder |
Записи: | 1 |
Формат записи:
Имя поля | Тип поля | Примечания |
inputPlaceholder | String | Заполнитель |
Множественный выбор
Если включено, разрешает выбирать несколько узлов.
Имя переменной: | multiple |
Записи: | 1 |
Формат записи:
Имя поля | Тип поля | Примечания |
multiple | Boolean | Множественный выбор |
Стиль дерева
Данное свойство определяет визуальное представление различных компонентов дерева.
Имя переменной: | treeStyle |
Записи: | 1 |
Формат записи:
Имя поля | Тип поля | Примечания |
folderImage | Data Block | Folder Image. Изображение для значка папки (узел с дочерними узлами). |
fileImage | Data Block | File Image. Изображение для значка файла (узел без дочерних узлов). |
switcherOpenImage | Data Block | Open Switcher Image. Изображение переключателя (открыт). |
switcherCloseImage | Data Block | Close Switcher Image. Изображение переключателя (закрыт). |
Стиль узла
Данное свойство определяет визуальное представление различных узлов дерева.
Имя переменной: | nodeStyle |
Записи: | 0..не ограничено |
Формат записи:
Имя поля | Тип поля | Примечания |
id | String | ID. Уникальный ID преднастроенного стиля узла. |
name | String | Name. Имя преднастроенного стиля узла. |
folderImage | Data Block | Folder Image. Изображение для значка папки (узел с дочерними узлами). |
fileImage | Data Block | File Image. Изображение для значка файла (узел без дочерних узлов). |
switcherOpenImage | Data Block | Open Switcher Image. Изображение переключателя (открыт). |
swicherCloseImage | Data Block | Close Switcher Image. Изображение переключателя (закрыт). |
Добавить флажок выбора
Если включено, добавляет флажки выбора к узлам дерева.
Имя переменной: | checkable |
Записи: | 1 |
Формат записи:
Имя поля | Тип поля | Примечания |
checkable | Boolean | Добавить флажок выбора |
Изображение для кнопки фильтрации
Изображение для кнопки фильтрации.
Имя переменной: | filterButtonImage |
Записи: | 1 |
Формат записи:
Имя поля | Тип поля | Примечания |
filterButtonImage | Data Block | Изображение для кнопки фильтрации |
Стиль заголовка
CSS стиль для применения к тексту заголовка.
Имя переменной: | styleTreeHeaderLabel |
Записи: | 1 |
Формат записи:
Имя поля | Тип поля | Примечания |
styleTreeHeaderLabel | String | Стиль заголовка |
Стиль контейнера заголовка
CSS стиль для применения к контейнеру заголовка.
Имя переменной: | styleTreeHeaderLabelContainer |
Записи: | 1 |
Формат записи:
Имя поля | Тип поля | Примечания |
styleTreeHeaderLabelContainer | String | Стиль контейнера заголовка |
Общие события
Общие события: отсутствуют