問題タブ [sortablejs]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

181 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
2 に答える
6336 参照

javascript - SortableJS - Disable sort on a specific element

I'm having difficulty disabling sorting on a specific li in my ul. I'm using SortableJS.

One li with class static should NOT be sortable. The others should be sortable.

I know you can do it in jQuery UI sortable like this:

How can I do this in SortableJS?

0 投票する
1 に答える
658 参照

angular - SortableJS Angular 2.0+ バインディング: 異なるコンポーネントの 2 つのリスト間でドラッグ アンド ドロップ

一連のドラッグ アンド ドロップ リストを作成するために、SortableJSの Angular バインディングを使用しています。各リストが独自のコンポーネント内に含まれている場合、ドラッグ & ドロップは機能しますか?

視覚的なレベルでは、リスト内の項目を並べ替えることができます。ただし、リスト間で転送されたアイテムは、2 番目のアイテムが転送されるまで表示されません (スクリーンショットの上部セクションにある「リスト 2」には、「リスト 1」から転送された最後のアイテムであるリスト アイテム「2」がないことに注意してください)。 「リスト2」へ）。

もう 1 つの問題は、ドラッグ アンド ドロップによる変更がリストの内容に反映されないことです。「結果を見る」セクションのリストが上部セクションの表現と一致していないことに注意してください。 ここに画像の説明を入力

現在、次のようなコードがあります。

親コンポーネント:

ソート可能なリストを含む子コンポーネント:


12345678910