Skip to content

eaglus/react-examples

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ResizeWrapper (src\resizer\ResizeWrapper.js) 
Это контрол, управляющий другим контролом (или узелом дома), и позволяющий менять размеры управляемого элемента (назовём его target).
При этом он не оборачивает target ни во что, то есть, не ломает его вёрстку и позиционирование, а добавляет блок-resizer рядом с ним в dom,
что позволяет блоку-ресайзеру прокручиваться вместе с блоком target, и перекрывать те же элементы, что и target.
При этом блок resizer не мешает реактовскому движку применять изменения в вёрстке родительского компонента, поскольку на время этих изменений
(componentWillUpdate) убирается из вёрстки, а потом ставится обратно.
От родительского компонента требуется только обернуть блок, размеры которого будут меняться, в контрол ResizeWrapper, включить ресайзер свойством
active у контрола ResizeWrapper, и обработать событие onSetSize по окончании изменения размеров ресайзера.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published