Технологии
как реализовать с помощью функции angular drag and drop? - вопрос №2404635
Допустим есть функция с помощью которой можно передвигать блоки в любое место. (свободное передвижение) Но интересует чтоб допустим было две колонки по ширине которой допустим основная часть занимает 80% страницы а вторая колонка 20%. высота 100% но это не столь важно. Далее в малой колонки должны быть допустим блоки желательно не repeat, с фиксированным расположением которые можно перетаскивать в свободное перемещение во вторую колонку но после перетаскивания блок должен клонироваться (не исчезать из своего места) а блоки которые попали в свободную области (во вторую колонку) их можно удалять также перемещать в любое свободное место по области. Вот что есть на данном этапе
<code><br /> <span style="color: #3e4547; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 13.5px; white-space: pre; background-color: #f6f7f7;">myApp.</span><span style="color: #3e4547; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 13.5px; white-space: pre; background-color: #f6f7f7;">myApp.directive(</span><span class="hljs-string" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 13.5px; vertical-align: baseline; background: #f6f7f7; color: #28b245; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; white-space: pre;">'ngDraggable'</span><span style="color: #3e4547; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 13.5px; white-space: pre; background-color: #f6f7f7;">, </span><span class="hljs-function" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 13.5px; vertical-align: baseline; background: #f6f7f7; color: #8d67d8; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; white-space: pre;"><span class="hljs-keyword" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent;">function</span><span class="hljs-params" style="box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: baseline; background: transparent; color: #e46467;">($document)</span> </span><span style="color: #3e4547; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 13.5px; white-space: pre; background-color: #f6f7f7;">{</span><br /></code>return{ restrict: 'A', scope: { dragOptions: '=ngDraggable'}, link: function(scope, elem, attr) { varstartX, startY, x = 0, y = 0, start, stop, drag, container; varwidth = elem[0].offsetWidth, height = elem[0].offsetHeight; if(scope.
апрель 7, 2017 г.
-
Всего ответов: 0