Sortable

Sortable copied to clipboard

怎么定义拖拽到另一个列表未释放的样式？

2

标题所说的样式并不是 `ghostClass` 或 `dragClass`。 我不知道我是否能描述清楚这个问题，我最近想做一个类似于低代码平台的页面，我在不久前发现了这个宝藏项目，它相当强大。但是我觉得还有可以改进的地方。 我在使用过程并没有发现什么 Bug，但是有一个地方我感觉可以改进一下，为了说清楚，我花了一个小时左右将我的项目的部分代码转移到一个在线编码平台，首先说明它并没有 Bug，此外我的项目是以 Vue2 开发的，而这里使用的是 Vue3，所以有些地方你看起来会有点奇怪。[项目地址](https://stackblitz.com/edit/vitejs-vite-7m6er5?terminal=dev) 好，在看完上面的例子后，我觉得可以改进的地方就是当开发低代码平台时，此时我有两个列表A、B，我从列表 A 中拖拽一个元素到列表 B，此时我还没有释放该元素，但是此时我想在释放该元素之前看到这个元素的简要信息，为此我们可能不是简单地将元素从 A 移动到 B，而是修改这个元素的 DOM 结构来表明这个元素在 B 列表的大概的样子。 我在这个问题上挣扎了两三天，开始时寻找有没有可用的属性或者函数能解决这个问题，后来发现了 `ghostClass` 和 `dragClass`，但是它们能做的有点少。也尝试使用 `clone` 属性来解决这个问题，但是它貌似只能修改数据，不能修改 DOM 结构。最后我尝试开发一个插件来解决这个问题，但是在阅读源码并尝试了多次后发现在...

flower0wine

How to se a handle for some items of a group

3

Is there a way to set a handle for some items of a list? I have a sortable group of different looking items, some have a handle and other don't....

alvarocastro

### Steps to Reproduce Issue 1) Create two sortables on the same page: List A and List B 2) The `options.handle` must be specified for some reason 3) Add an...

daftspunk

Add rtl support

3

I added a option to specify if Sortable should use rtl. If not given, detect automatically with css direction or flex-direction: row-reverse. I also changed the _getDirection function to a...

TamarStupp

See #2352 #2319. The following behavior can be reproduced in chrome's smartphone display mode and on the actual device. When dragging and dropping with the mouse, the click event is...

KaiShoya

Hi! Iam trying to implement drag and drop on a RichTextEditor (TinyMCE Editor) in a blazor project but when i try to drag and drop one of them stops working,...

renatolopeslatitudde

It seems that the library does not support rtl. Is there a way to use it in rtl mode?

DrMHDM

[feature] Support setting drop target or allowing draggable to be nested children.

1

**Is your feature request related to a problem? Please describe.** When using sortable.js with two tables, drag and drop work between the tables, but the drop target for the row,...

shawnwildermuth

How to save order of multiple lists to localstorage?

2

I've read the help page (https://github.com/SortableJS/Sortable?tab=readme-ov-file#store), which helped me learn how to save the order when using a single list, but didn't know how to apply it when using multiple...

neviln

[bug] SortableJS + AlpineJS = x-for visual conflicts

2

Hello, I'm currently struggling on using SortableJS in a AlpineJS project. The problem is that when I drag an element, it does change the index values in the elements array,...

10YAR