class Controls/scroll:Container

Контейнер с тонким скроллом.

Примеры

Пример
Исходный код

Примечание

Контрол работает как нативный скролл: скроллбар появляется, когда высота контента больше высоты контрола. Для корректной работы контрола необходимо ограничить его высоту.

Для корректной работы внутри WS3 необходимо поместить контрол в контроллер Controls/dragnDrop:Compound, который обеспечит работу функционала Drag-n-Drop.

Полезные ссылки:

Опции

Определяет префикс стиля для настройки элементов, которые зависят от цвета фона.

Режим отображения тени снизу.

IShadows

Содержимое контейнера.

Режим отображения элемента управления скроллированием в контейнере.

initialScrollPosition Определяет положение скрола в момент инициализации.

Режим отображения тени слева.

IShadows

Флаг, который отключает загрузку переменных тем оформления для контролов.

isWasabyControl

Опция управляет отображением произвольного шаблона внутри пэйджинга.

Определяет стиль отображения пэйджинга.

pagingPosition Опция управляет позицией пэйджинга.

Определяет, может ли пользователь изменить значение контрола.

(или взаимодействовать с контролом, если его значение не редактируется).

isWasabyControl

Режим отображения тени справа.

IShadows

Определяет направление скроллирования

Следует ли отображать скролл.

IScrollbars

Режим отображения тени.

IShadows

Определяет постфикс у класса тени

Включает плавную прокрутку кнопками скролла

Цветовая схема (цвета тени и скролла).

Название темы оформления. В зависимости от темы загружаются различные таблицы стилей и применяются различные стили к контролу.

isWasabyControl

Режим отображения тени сверху.

IShadows

Поля

подмешивается в совместимости. нужно для совместимости с ws3.

Определяет значения опций для декорирования.

Control

Логический родитель. То есть тот, в шаблоне которого лежит данный экземпляр.

В идеале отказаться, но пока что есть использования.

Control

Название контрола.

Control

Опции, который были до рендера контрола, передаются как параметр в хуки

жизненного цикла _afterRender и _afterUpdate

Control
deprecated

Массив имен нетемизированных стилей, необходимых контролу.

Все стили будут скачаны при создании

Control
deprecated

Массив имен темизированных стилей, необходимых контролу.

Все стили будут скачаны при создании

Control

Нужно для переноса _children родителя из оберток над чистым реактом, чтобы работал вызов методов с инстанса контрола

Control
protected

Набор детей контрола, для которых задан атрибут name.

Control

Контекст с опциями readOnly и theme

Control
protected

Реальные опции контрола. Туда собираются значения из props и context.

ВАЖНО: значения могут не совпадать с props в некоторые моменты времени,

чтобы в хуках были правильные значения.

Control
protected

Шаблон контрола.

Control

Методы

protected

Хук жизненного цикла контрола. Вызывается сразу после установки контрола в DOM-окружение.

Control
protected

Хук жизненного цикла контрола.

Вызывается синхронно после того, как изменения были применены к DOM и до того, как браузер отрисовал кадр.

Control
protected

Асинхронный хук жизненного цикла контрола. Вызывается после обновления контрола.

Control
protected

Хук жизненного цикла контрола. Вызывается непосредственно перед установкой контрола в DOM-окружение.

Control
protected

Хук жизненного цикла контрола. Вызывается перед обновлением контрола.

Control

Хук жизненного цикла контрола. Вызывается до удаления контрола.

Control
protected

Хук жизненного цикла контрола. Вызывается перед обновлением контрола.

Control

Синхронный хук жизненного цикла контрола. Вызывается сразу после установки контрола в DOM-окружение.

Control
protected

Обрабатываем движение курсором мыши для того, что бы инициировать автоскролл когда курсор

подходит к верхней или нижней границе контейнера

_ContainerBase
protected

Определяет, должен ли контрол обновляться. Вызывается каждый раз перед обновлением контрола.

Control

Активирует контрол.

isWasabyControl

Возвращает true, если можно прокрутить к позиции offset.

_ContainerBase

Создаёт и монтирует контрол на элемент

Control

Старый способ наследоваться

Control

Возвращает количество пикселей, прокрученных от верха скролл контейнера.

Прокручивает к выбранной позиции по горизонтали. Позиция определяется в пикселях от левого края контейнера.

_ContainerBase

Загрузка стилей и тем контрола

Control

Для обратной совместимости

Control

Для обратной совместимости

Control

Прокручивает до указанных координат контейнера.

_ContainerBase

Прокручивает к низу контейнера.

_ContainerBase

Прокручивает к левому краю контейнера.

_ContainerBase

Прокручивает к правому краю контейнера.

_ContainerBase

Прокручивает к верху контейнера.

_ContainerBase

Включает логированние событий изменения положения скролла.

Можно включить логирование из консоли браузера выполнив команду

require(['Controls/scroll'], (scroll) => {scroll.Container.setDebug(true)})

События

Происходит при активации контрола.

isWasabyControl

Происходит при деактивации контрола.

isWasabyControl
deprecated

Происходит при скролле.

Происходит при скролле/изменениях размерах контента/изменениях размерах скроллируемой области.

Тайпдефы