問題タブ [angular-ui-sortable]
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.
javascript - angular uiソート可能なコールバック
angular uiのソート可能でコールバック関数を設定する方法はありますか? 以下の tbody タグに ng-update="foo()" を追加して、リストが変更されるたびに foo を実行したいと思います。
ありがとう!
angularjs - 基になる配列に変更が加えられたときにng-repeatが並べ替えられない
ui.sortable を使用して、並べ替え可能なアイテムのリストを表示しています。次のようにデータを取得します。
cachedRules
並べ替えられている配列を元の配列と比較し、変更が加えられたかどうかを検出できるように使用します。私の見解は次のようになります。
何かが再注文されるたびに、このコードが呼び出されてRuleSequence
(OrderBy で使用しているもの) が更新されます。
そして、 の順序$scope.rules
が異なる場合、「保存」ボタンが有効になりますcachedRules
。これはすべて完璧に機能します。
ただし、クリックするとページの表示が元の順序に戻る「キャンセル」ボタンが必要です。元のデータのコピーを保存している場合、これは簡単なはずですが、ng-clickを使用して実行します$scope.rules = cachedRules.slice();
が、それを行った後、ページの順序は更新されず、元の状態に$scope.rules
戻っても変更された状態のままです変わらない状態。ディスプレイを元の順序に戻すにはどうすればよいですか?
angularjs - 行と列の間のネストされた並べ替え
プロジェクトでは、Angular と ui-sortable を使用して、行と列に分割されたリストをソートできるようにしたいと考えています。これはテーブルではありません。代わりに、ブートストラップ クラスを使用して行を追加し、col-md クラスを使用してテーブルとして表示する div を使用したいと考えています。実現したい機能に似たコードペンを作りました。行はドラッグ アンド ドロップで並べ替えることができますが、少し手間がかかります。しかし、行内で列の並べ替え順序を変更することはできません。
私が使用しているcodepenの例: 要素A を変更できるようにしたい | B to B | A.また、 A |移動できるようにしたいです。Cの下のB | B
jquery-ui - UI-Sortable - Ajax とキャンセルが機能しない
Ui-sortable ( https://github.com/angular-ui/ui-sortable ) と共に AngularJs を使用しています。私のユースケースは、基本的に同じリストにドラッグアンドドロップするためのものです。
通常のリストの項目のドラッグ アンド ドロップ (つまり、項目の位置の更新) が機能します。私の問題は、移動が許可されているかどうかを確認するために Ajax 呼び出しを追加しようとしたときに発生します。移動が許可されていない場合は、キャンセルする必要があります。キャンセルはうまく走らせられない部分です。
おそらく、いくつかのコードを使用すると、これが理解しやすくなります。
それを処理する方法についての提案はありますか?
jquery - jquery .data() メソッドが更新された値をフェッチしないのはなぜですか?
フォルダーとサブフォルダーを使用して、一種の FilePanels を実装します。
Chrome 開発者ツールから視覚的にの属性があることui.item.sortable.droptarget
がわかりますが、コードで (jquery メソッドを介して) アクセスしようとすると、10 (最近いた別のフォルダーの親の値) が返されます。更新されないのはなぜですか?別のフォルダーに移動すると、そのフォルダーのサーバーの値に基づいて新しい値が割り当てられます。DOM は正しく更新されています...data
parent-folder-id == 2
data
vm.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
すると、 - 前のコードと同じ問題が発生します - 取得時に値が新しい値で更新された後 - 古い値が返されます。