問題タブ [angular-ui-sortable]

angular uiのソート可能でコールバック関数を設定する方法はありますか? 以下の tbody タグに ng-update="foo()" を追加して、リストが変更されるたびに foo を実行したいと思います。

ありがとう！

ui.sortable を使用して、並べ替え可能なアイテムのリストを表示しています。次のようにデータを取得します。

cachedRules並べ替えられている配列を元の配列と比較し、変更が加えられたかどうかを検出できるように使用します。私の見解は次のようになります。

何かが再注文されるたびに、このコードが呼び出されてRuleSequence(OrderBy で使用しているもの) が更新されます。

そして、 の順序$scope.rulesが異なる場合、「保存」ボタンが有効になりますcachedRules。これはすべて完璧に機能します。

ただし、クリックするとページの表示が元の順序に戻る「キャンセル」ボタンが必要です。元のデータのコピーを保存している場合、これは簡単なはずですが、ng-clickを使用して実行します$scope.rules = cachedRules.slice();が、それを行った後、ページの順序は更新されず、元の状態に$scope.rules戻っても変更された状態のままです変わらない状態。ディスプレイを元の順序に戻すにはどうすればよいですか?

プロジェクトでは、Angular と ui-sortable を使用して、行と列に分割されたリストをソートできるようにしたいと考えています。これはテーブルではありません。代わりに、ブートストラップ クラスを使用して行を追加し、col-md クラスを使用してテーブルとして表示する div を使用したいと考えています。実現したい機能に似たコードペンを作りました。行はドラッグ アンド ドロップで並べ替えることができますが、少し手間がかかります。しかし、行内で列の並べ替え順序を変更することはできません。

私が使用しているcodepenの例: 要素A を変更できるようにしたい | B to B | A.また、 A |移動できるようにしたいです。Cの下のB | B

Ui-sortable ( https://github.com/angular-ui/ui-sortable ) と共に AngularJs を使用しています。私のユースケースは、基本的に同じリストにドラッグアンドドロップするためのものです。

通常のリストの項目のドラッグ アンド ドロップ (つまり、項目の位置の更新) が機能します。私の問題は、移動が許可されているかどうかを確認するために Ajax 呼び出しを追加しようとしたときに発生します。移動が許可されていない場合は、キャンセルする必要があります。キャンセルはうまく走らせられない部分です。

おそらく、いくつかのコードを使用すると、これが理解しやすくなります。

それを処理する方法についての提案はありますか？

現在、要素 (div) は画像の左側に配置されています。それらの間に余分なスペースを入れずに注文する方法はありますか (画像の右側のように)?

これが私のui-sortable設定です：

フォルダーとサブフォルダーを使用して、一種の FilePanels を実装します。

Chrome 開発者ツールから視覚的にの属性があることui.item.sortable.droptargetがわかりますが、コードで (jquery メソッドを介して) アクセスしようとすると、10 (最近いた別のフォルダーの親の値) が返されます。更新されないのはなぜですか？別のフォルダーに移動すると、そのフォルダーのサーバーの値に基づいて新しい値が割り当てられます。DOM は正しく更新されています...dataparent-folder-id == 2datavm.parentId

後で追加: .data() ゲッターを更新しui.item.sortable.droptarget.data("parentFolderId")ても、まだ返されます10

更新 2: プランカーのデモを追加: http://plnkr.co/edit/14XfBOTFuJZ0oSy2ozqh?p=preview

app.js

この順序でボタンをクリックすると: Set - Get-data値が正常に更新されます。しかし、別の順序でクリックGet - Set - Getすると、 - 前のコードと同じ問題が発生します - 取得時に値が新しい値で更新された後 - 古い値が返されます。