Tree Select
Описание
Tree Select – компонент, позволяющий пользователю выбирать элементы из иерархической структуры данных в виде дерева, обеспечивая возможность выбора одного или нескольких узлов в зависимости от настроек.
Свойства
Базовые/Basic
Данные дерева / Tree Data
Задает набор данных, который будет отображаться в виде древовидной структуры, с узлами, содержащими вложенные элементы
Место для размещения / Placement
Текст, отображаемый в поле ввода, подсказывающий пользователю, какое значение или данные ожидается ввести или выбрать
Валидация/Validation
Обязательное поле / Required
Включает проверку, что поле не может оставаться пустым при отправке формы
Показать проверку пустого значения / Show empty value
Активирует отображение ошибки при попытке отправить форму с пустым значением
Пользовательское правило / Custom rule
Позволяет задать собственное условие валидации для проверки введённых данных
Взаимодействие/Interaction
Обработчики событий / Event handlers
Добавьте обработчики, чтобы реагировать на изменения состояния компонента
Выключить / Disable
Введите "true", чтобы выключить компонент
Скрыть / Hide
Введите "true", чтобы скрыть компонент
Выберите тип / Select Type
Определяет режим выбора узлов: без возможности выбора, одиночный выбор, множественный выбор или использование флажков для выбора
Значение по умолчанию / Default Value
Устанавливает предопределенные значения, которые будут выбраны или развернуты при первой загрузке компонента
Показать кнопку очистки / Show Clear Button
Добавляет кнопку, позволяющую пользователю быстро очистить выбранные значения, вернув компонент в исходное состояние
Возможность поиска / Searchable
Включает функцию поиска, чтобы пользователь мог легко находить и выбирать нужные узлы в древовидной структуре
Макет/Layout
Высота / Height
Определяет высоту отображаемого компонента дерева, чтобы соответствовать дизайну пользовательского интерфейса
Расширенные значения / Expanded Values
Устанавливает заранее развернутые узлы при инициализации дерева, чтобы показать конкретные части структуры сразу
По умолчанию развернуть все узлы / Default Expand All
Автоматически разворачивает все узлы дерева при загрузке, чтобы показать всю иерархию данных
Показать линию / Show Lines
Отображает линии, соединяющие узлы дерева, для наглядного представления их иерархической связи
Этикетка/Label
Текст / Text
Определяет название компонента
Всплывающая подсказка / Tooltip
Отображает дополнительную информацию при наведении
Позиция / Position
Устанавливает расположение метки относительно компонента
Выравнивание / Alignment
Определяет способ выравнивания текста метки
Стили/Style
Настройки стилей описаны в разделе Настройка стилей компонентов
Идентификаторы компонентов/Component Identifiers
Имя класса CSS / CSS Class Name
Позволяет добавить компонент в класс, чтобы стилизовать группу элементов
Индивидуальный идентификатор / Unique Identifier (ID)
Позволяет присвоить компоненту уникальный ID, чтобы стилизовать конкретный элемент
Предотвратить перезапись стилей / Prevent Style Override
Включите, чтобы запретить изменение стилей CSS, обеспечивая сохранность первоначального оформления
Last updated