Публикации по теме '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 просмотров
schedule
17.06.2023
Есть ли способ расширить зону перетаскивания Vue.Draggable за пределы перетаскиваемого настраиваемого тега?
У меня есть сценарий, в котором у меня есть несколько контейнеров с заголовком, затем список, который будет использоваться в vue.draggable, и нижний колонтитул.
Мне удалось поместить часть списка, работающую с перетаскиванием между несколькими...
817 просмотров
schedule
02.06.2022
Захват перетаскиваемого элемента и замененных элементов с помощью 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 просмотров
schedule
18.06.2022
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 просмотров
schedule
07.09.2022
Предотвращение дублирования, созданного Mithril, при сортировке элементов с помощью SortableJS
Я делаю инструмент для создания панели инструментов. Панель инструментов состоит из строк, в каждой строке есть поля. Поэтому я пытаюсь составить список списков элементов. Элементы могут перемещаться между списками. Списки можно сортировать между...
67 просмотров
schedule
08.06.2023
Как правильно изменить порядок массива при использовании вычисляемых свойств с SortableJS и Vue?
У меня есть array элементов, но я хочу отобразить их и предоставить функцию Draggable ( SortableJS ), но только часть этого array .
Для этого я использовал вычисляемое свойство из исходного массива данных и разделил массив на два массива, я...
63 просмотров
schedule
28.09.2022
SortableJS - нельзя исключить элемент из перетаскивания и сортировки
Я уже отправил сюда проблему , но просто хотел проверить, сможете ли вы ее решить здесь быстрее.
Попытка исключить элемент из перетаскиваемого работает, но не из сортируемого — проблема в том, что за ним могут быть размещены другие элементы....
177 просмотров
schedule
07.09.2022
Сортировка изображений или вложений с помощью Rails Active Storage и Stimulus
Я пытаюсь создать сортируемый раздел галереи в моей форме rails. Я настроил основы, такие как добавление столбца позиции в базу данных active_storage_attachments, само активное хранилище, stimulus, stimulus-sortable или sortable.js, представления и...
106 просмотров
schedule
14.02.2023