Описание тега sortablejs

Sortable - это минималистичная библиотека JavaScript для переупорядочиваемых перетаскиваемых списков.
1 ответ

Vue Draggable представление не синхронизировано с моделью

Я работаю над некоторыми функциями перетаскивания и по какой-то причине мой взгляд, кажется, не синхронизирован с моей моделью. Для некоторых элементов в моем списке я бы хотел, чтобы они не перетаскивались и оставались на своих заданных позициях. К…
09 фев '18 в 22:23
0 ответов

Перемешивать данные таблиц друг с другом и хранить в локальном хранилище #reactjs #sortablejs

Любой, кто работает с библиотекой sortablejs Застрял с функциональностью хранения. У меня есть две таблицы (прямоугольник и квадрат) Хотите перетасовать свои данные из прямоугольника в квадрат и из квадрата в прямоугольник. После перетасовки хочу хр…
26 июл '18 в 13:10
0 ответов

Как использовать библиотеку, такую ​​как Sortablejs, в приложении Angular 2.0?

Я запускаю новое простое приложение Angular 2.0 и хотел бы иметь списки с элементами, которые можно перетаскивать. Sortablejs кажется хорошим инструментом для этого, но здесь есть несколько препятствий. Насколько я могу сказать, я должен: 1) Использ…
15 июн '16 в 03:05
0 ответов

"Ошибка: группа переходов внутри компонента не поддерживается" с использованием Element UI и Vue Draggable

Я использую крах элемента element вместе с vuedraggable. И я пытаюсь реализовать vue transition-group для складных предметов. В документации на vuedraggable говорится, что вы можете просто сделать это следующим образом: <draggable v-model="myArra…
18 дек '18 в 09:27
1 ответ

Angular 5 - Constructor и ngOnInit не выполняются

Я использую Angular 5 в сочетании с SortableJs. На странице я перечислил несколько сгруппированных карт. HTML выглядит как <div class="group" *ngFor="let group of groups" [sortablejs]="group.cards" [sortablejsOptions]="sortableOptions"> <di…
14 дек '17 в 11:51
1 ответ

Пропустить скрытый элемент: селектор первого ребенка

Я использую Sortable.js, и у меня возникла следующая проблема: У меня есть список элементов, которые я хочу отсортировать, и мне нужно, чтобы первый элемент был шире, чем все 3 других. Для этого у меня есть следующий CSS: #produto_img { display: -we…
07 ноя '17 в 13:10
1 ответ

Как сделать кнопку включения / выключения на основе [sortablejs]

У меня есть список, который имеет функцию перетаскивания <div [sortablejs]="actionList"> <div *ngFor="let data of actionList | filterBy: searchValue;let i = index"> И кнопка, как показано ниже <button (click)="save()"> Save</but…
28 дек '18 в 10:10
1 ответ

Перетащите элемент, но отбросьте массив других элементов.

Я использую библиотеку Vue.Draggable, которая основана на библиотеке SortableJS. В моем коде у меня есть 2 перетаскиваемых списка, но у меня есть третий, который не объединен с простыми элементами. Третий список содержит массив объектов с записью ко…
12 фев '19 в 10:11
0 ответов

Как предотвратить выпадение списка с помощью VueDraggable (sortable.js)

Я искал некоторое время, но я не могу понять, как предотвратить только падение в списке (используя несколько списков). То, чего я добиваюсь - это ограничение размера списка. Когда он превышает предел, он должен предотвращать удаление, но разрешать п…
26 фев '19 в 17:31
1 ответ

vue-draggable - не может изменить мой массив напрямую

Я использую vue-draggable изменить порядок элементов массива. Допустим, мой массив: data: { array1: [{text: 'text1'},{text: 'text2'},{text: 'text3'}] } в моем шаблоне я просто использую: <draggable v-model="array1" > v-for etc... </draggabl…
02 май '18 в 12:49
1 ответ

ionic 3 angular делает sortableJs работающим с использованием скрипта systemjs.config.js

Я следую за https://github.com/SortableJS/angular-sortablejs а systemjs.config.js - то, где я застрял. У меня ионный 3 угловой 4 приложение. Я создал скрипт с именем systemjs.config.js в моих ресурсах / js /, а затем включил его в свой index.html в …
23 сен '17 в 15:56
0 ответов

Управлять событием сортировки с реагировать на сортировку

В своем проекте я использую библиотеку реагирующая-сортируемая и сталкиваюсь с проблемой. Я не могу контролировать сортировку элементов. Главное, что я хочу реализовать, это перетаскивать выбранный элемент между двумя другими и после этого менять их…
25 окт '18 в 12:38
1 ответ

Vue.Draggable: Как "перетащить элемент на другой элемент" вместо добавления / удаления

Использование https://github.com/SortableJS/Vue.Draggable У меня есть вопрос о том, как добиться классического примера перетаскивания файла в папку. Я вижу @change событие получает данные о перетаскиваемом элементе, но не об элементе, на который он …
02 янв '18 в 13:19
2 ответа

Как я могу установить фиксированный элемент рядом с перетаскиваемым списком vue

Я пытаюсь отобразить список перетаскиваемых элементов, используя vue-draggable, которые иногда разделяются фиксированным элементом в данной позиции. До сих пор я пробовал следующий подход: создание другого элемента при необходимости внутри v-for пет…
13 ноя '18 в 15:20
1 ответ

ReactJS: Как динамически установить отключенную опцию для sortableJS?

Я использую пакет npm react-sortablejs, В моем компоненте я хочу установить disabled вариант динамически. Прямо сейчас мой компонент выглядит так: class Example extends Component { constructor(props) { super(props) this.state = { } } render() { cons…
12 июн '17 в 07:41
0 ответов

Vue перетаскиваемая вставка и обновление

Я хотел бы сделать два списка с view-dragggable и иметь возможность вставлять и обновлять из одного списка в другой. Например, в jsfiddle ниже я хочу вставить 'two' из нижнего списка в верхний список, но также я хочу заменить 'thee' вверху на 'three…
27 окт '18 в 13:50
1 ответ

Связывание SortableJS Angular 2.0+: перетаскивание между двумя списками в разных компонентах

Я использую угловые привязки для SortableJS, чтобы иметь серию списков перетаскивания. Возможно ли перетаскивание для работы, когда каждый список содержится в своем собственном компоненте? На визуальном уровне я могу изменить порядок элементов в спи…
10 дек '17 в 17:04
5 ответов

Как отключить перетаскивание на конкретном элементе с помощью Vue.Draggable

Как я могу установить так, чтобы только .btn-drag можно перетащить целый ряд? Я использую https://github.com/SortableJS/Vue.Draggable В настоящее время я могу перетащить также с button#options что нежелательно <draggable v-model="textElements"&gt…
26 дек '17 в 20:36
0 ответов

Sortablejs работает с div-списком, где {{#each... }} находится внутри, а не за его пределами.

Я пытаюсь использовать sortablejs в метеоре для динамического создания списков с элементами, которые можно перемещать из списка в список. Я установил это так meteor npm install sortablejs --save Это работает на <div class="list-group"> с неско…
11 дек '16 в 15:32
1 ответ

ondragover эквивалент в Vue.Draggable (sortable.js)

Есть ли способ обнаружить, если что-то перетаскивается на элемент? Или вызвать событие парения? Нашел что-то о добавлении класса в перетаскиваемый элемент через onMove, но, похоже, он не работает для меня.
28 фев '19 в 02:01