問題タブ [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.

0 投票する
3 に答える
7875 参照

javascript - angular uiソート可能なコールバック

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

ありがとう!

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

angularjs - 基になる配列に変更が加えられたときにng-repeatが並べ替えられない

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

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

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

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

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

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

angularjs - 行と列の間のネストされた並べ替え

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

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

0 投票する
0 に答える
108 参照

jquery-ui - UI-Sortable - Ajax とキャンセルが機能しない

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

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

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

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

0 投票する
0 に答える
29 参照

css - 高さの異なる要素をうまくレイアウトするには?

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

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

ここに画像の説明を入力

0 投票する
2 に答える
874 参照

jquery - jquery .data() メソッドが更新された値をフェッチしないのはなぜですか?

フォルダーとサブフォルダーを使用して、一種の 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すると、 - 前のコードと同じ問題が発生します - 取得時に値が新しい値で更新された後 - 古い値が返されます。