Публикации по теме 'sortablejs'


Перетаскиваемый список или перетаскиваемый список с использованием HTML CSS и JavaScript
Здравствуйте, читатели! Сегодня в этом блоге вы узнаете, как создать список перетаскивания с использованием HTML CSS и JavaScript. Ранее я поделился блогом о том, как создать адаптивную анимацию счетчика при прокрутке с использованием HTML, CSS и jQuery, а теперь пришло время создать перетаскиваемый список в JavaScript с помощью SortableJS. Перетаскивание  – это жест маркирующего устройства, при котором пользователь выбирает виртуальный объект, "хватая" его и перетаскивая в отдельную..

Вопросы по теме 'sortablejs'

angular - не может заставить sortablejs работать из-за ошибки времени выполнения
Я пытаюсь использовать эту библиотеку: https://github.com/SortableJS/ngx-sortablejs Я установил: npm i ngx-sortablejs sortablejs --save HTML-код моей страницы <div [sortablejs]="items"> <div>1</div>...
1493 просмотров

Есть ли способ расширить зону перетаскивания Vue.Draggable за пределы перетаскиваемого настраиваемого тега?
У меня есть сценарий, в котором у меня есть несколько контейнеров с заголовком, затем список, который будет использоваться в vue.draggable, и нижний колонтитул. Мне удалось поместить часть списка, работающую с перетаскиванием между несколькими...
817 просмотров

Захват перетаскиваемого элемента и замененных элементов с помощью SortableJS
Как я могу захватить перетаскиваемые и замененные элементы при использовании Sortable JS? JS: var originalList; var sortable = Sortable.create(selection, { handle: '.bars-move', animation: 150, /// not sure what to write here });...
64 просмотров
schedule 28.08.2022

sortableJS мобильная реализация Drag n 'Drop с помощью касания
Впервые в sortableJS . Работа над мобильной стороной клона Trello с функцией Drag n 'Drop. Drag n 'Drop работает плавно на рабочем столе, но я не могу найти, какие настройки мне нужно добавить для мобильного устройства. sortableJS имеет...
652 просмотров

SortableJS - отправить новый отсортированный список элементов при отправке
Я использую JS-библиотеку SortableJS и пытаюсь отправить только что отсортированный массив при отправке. JS: var originalArray; var sortable = Sortable.create(selection, { handle: '.bars-move', animation: 150, }); var modalForm =...
179 просмотров
schedule 06.11.2023

Как отключить перетаскиваемый заполнитель vue
В настоящее время я делаю конструктор веб-сайтов, где пользователь может перетаскивать, чтобы добавить элемент. Перетаскивание работает хорошо, но я хочу, как я могу отключить / скрыть заполнитель перетаскивания в целевом контейнере? Как...
1138 просмотров

Предотвращение дублирования, созданного Mithril, при сортировке элементов с помощью SortableJS
Я делаю инструмент для создания панели инструментов. Панель инструментов состоит из строк, в каждой строке есть поля. Поэтому я пытаюсь составить список списков элементов. Элементы могут перемещаться между списками. Списки можно сортировать между...
67 просмотров
schedule 08.06.2023

Как правильно изменить порядок массива при использовании вычисляемых свойств с SortableJS и Vue?
У меня есть array элементов, но я хочу отобразить их и предоставить функцию Draggable ( SortableJS ), но только часть этого array . Для этого я использовал вычисляемое свойство из исходного массива данных и разделил массив на два массива, я...
63 просмотров
schedule 28.09.2022

SortableJS - нельзя исключить элемент из перетаскивания и сортировки
Я уже отправил сюда проблему , но просто хотел проверить, сможете ли вы ее решить здесь быстрее. Попытка исключить элемент из перетаскиваемого работает, но не из сортируемого — проблема в том, что за ним могут быть размещены другие элементы....
177 просмотров

Сортировка изображений или вложений с помощью Rails Active Storage и Stimulus
Я пытаюсь создать сортируемый раздел галереи в моей форме rails. Я настроил основы, такие как добавление столбца позиции в базу данных active_storage_attachments, само активное хранилище, stimulus, stimulus-sortable или sortable.js, представления и...
106 просмотров