問題タブ [angular-dragdrop]

WYSIWYG エディターへの独自のグリッド テンプレートでangular-drag-and-drop-listsを使用したいと考えています。ng-repeat定義済みの列に項目をドロップし、項目がドロップされた列に情報を保存できるように、独自の HTML テンプレートを作成する方法を教えてください$scope。

columnsドロップされたアイテムを配列に保存したい：

これは現在、機能するテンプレートではありません。ドロップすると、「undefined is not an object (evaluating 'targetArray.splice')」というエラーがスローされます。

これは標準的な作業アプローチです。

この例に基づく:デモ

私の状況を共有するためにこのサンプルを作成するのは大変でした.

質問 1. このサンプルを試してみると、ng-repeat で orderBy 属性を適用し、jqyoui-drragble で applyFilter 属性を追加しました。ビュー内の順序付きリストはよくできています。ただし、これらのいずれかを上部の div スコープにドラッグすると、移動されるのは注文されたアイテムではなく、注文されていない状態のアイテムです。

上div

divの下

質問 2 アイテムをドラッグすると、前のスコープのアイテムを削除したいです。どうすればこれを達成できますか？

私の質問を読んでくれてありがとう。

ソースはプランカーにあります (クリック)

入力ボックスにキーワード「さ」を入力してみて、Samsung Galaxy S を下のリスト(ターゲット)に移動すると、移動する項目はそれではなく「iPhone」です。

この問題を3時間解いてみました。とてもシンプルなコードです。しかし、私はangular js、特にangular-js-dragdropの初心者です。しかし、私はこの問題を解決する方法を知っています。しかし、私はこれを解決する方法がありません。prbolem は、次のようなクイック検索に使用したフィルターです。

そのため、ng-repeat のフィルターがなくても、うまく機能しました。しかし、これを ng-repeat で使用すると、ドラッグしたアイテムを移動できないという問題があります。ターゲット リストにドロップされたアイテムは別のものです。その理由は、フィルターがフィルター処理された後に変更されたインデックスを変更しなかったためだと思います。どうすればこれを解決できますか? どうぞよろしくお願いいたします。

angular-dragdrop "ngDragDrop" (jQueryUI-Dragdrop を使用) を使用した次のページがあります。

次のコードは機能します:

したがって、DIV を「sourceContainer」内から「targetContainer」にドラッグ アンド ドロップすると、関数「onDrop()」が呼び出されます。

今、私は目に見えるアクションなしで同じことを望んでいます。div がドラッグされると、div が消え、メソッド onDrop() が呼び出されます。

targetContainer を非表示にすることもできますが、より良い解決策があるはずです

剣道グリッドを数行で埋めていて、グリッドと他の html コンポーネントの間でドラッグ アンド ドロップ機能を実装したいと考えています。

あるグリッドから別のグリッドへも、グリッド内で行をドラッグ/ドロップ/ソートする方法を示す多くのリソースを見つけることができますが、グリッドの外側から別のコンポーネントへは実際には何もありません。

kendo ui-grid はこれをサポートしていますか?

私が考えることができる1つの方法は、グリッド全体をドラッグ可能にし、ドラッグ開始時に現在選択されている行データを取得し、それをドロップ時に使用することです。しかし、それは実際にはあまりきれいな方法ではありません。この場合、カスタム ドラッグ イメージを作成する必要さえあります。

他の提案はありますか？