ソート可能な項目をドラッグしながらDOMを更新します
-
20-12-2019 - |
質問
私はソート可能であるべきアイテムのリストがあります。それ自体がjQueryを使用して実装するのは難しくありません。 このコード私は、この機能を角度指令に入れたので、私のモデルはリスト内のアイテムを並べ替えるときに最新の状態に保ちました。
マイリストには、偶数または奇数行か、アイテムが最初にリストで最初に最後になっているかどうかによって色が変わる2つのシンボルが異なります。 の例を表示するためのフィドルを作成しました。
今すぐ問題は、アイテムをドラッグすることで、アイテムをドラッグしている間に色付きのシンボルが更新されません。アイテムがリリースされると、リストは更新され、もう一度良く見えます。
私の質問:アイテムを移動しながらリストを更新しておくことはどうすればよいですか。 change
コールバック関数で試しましたが、私のドラッグアイテムが現在占めているどの位置を取得するかを手に入れる方法はありません。 ui
-Objectには、わから限り、これに関する情報が含まれていません。モデルを更新するとき、そのアイデアはDOMが更新されることです。これは私のドラッグをリセットしますか?
テキストのコンテナを作成しようとしたので、背景はアイテムでドラッグされないようにしました(これは依然として色付きのシンボルを更新するという問題は解決しません)が、必要に応じて機能することができませんでした。
あなたが助けることができることを願っています
編集:
おやすみなさいの睡眠の後、私は起動し、ui.placeholder.index()
-Eventでchange
が見つかりました。これを使用するとモデルを更新できますが、スタイリングはまだドラッグしながら混乱しています。
ベストアンズ
解決
誰かが興味を持っているならば、私はハックで終わりました。 私がしたことが最初にバックグラウンドを作成していることは、リストにアイテムを追加します。このようにして、私のアイテムをドラッグしながらバックグラウンドは変わりません。
私のモデルの更新について私はchange
イベントが2回呼び出されているため、その考えから離れた問題がありました。
この更新されたFIDDLE は私の解決策を示しています。