2016-05-25 13 views
7

私のプロジェクトではangular table-sortangular drag-dropを使用しています。行をドラッグして別の行にドロップしようとすると、テーブルソートによって行が前の位置に強制的にソートされます。角度テーブルソートとドラッグアンドドロップテーブル行の競合

テーブルソートデ​​ィレクティブts-repeatを削除すると、ドラッグアンドドロップが完全に機能します。私はまた、デフォルトのテーブル列の並べ替え"年齢"昇順が必要です。私はより良い理解のためにプランカの例を作った。 https://plnkr.co/edit/pHlTufpayFAB4he8bN6y

したがって、行をドラッグアンドドロップするときにテーブルソートを防止する方法はありますか。

誰でもこの問題を解決できますか?私は本当にこれを感謝します。 ありがとうございます。

答えて

6

私はちょうどts-repeatを取り除き、最初に(サービス/コントローラ内の)データをソートするだけでよいと思います。これはバグではなく、機能です。ソートされたテーブルに要素を削除してから再度追加するとします。あなたはそれを整理しておきたいですよね?

+0

しかし、私は 'ts-repeat'も必要です。データを最初にソートし、必要に応じて異なる列でソートするのはクライアントの要件です。だから、このために、 'ts-repeat'を使うことは私にとって必須です。また、新しい行を追加するときには、プロジェクトでもソートされています(単純化のためにそれを含めませんでした)。 私は 'ts-repeat'と' drag-and-drop'の両方を同じテーブルに使用しました。 –

+1

私はそれを得る、あなたは並べ替えることができるだけでなく、順序を手動で変更することができます。私はあなたがhttp://lorenzofox3.github.io/smart-table-website/を試すことができると思う、それはもう少し機能が豊富です。私はあなたがマニュアルの変更が行われた場合、ソートをオフにすることができますね。 – fodma1

1

角度ドラッグ&ドロップの代わりにAngular ui-sortableを試してみることができます。私はそれがあなたのために働くと思います。

関連する問題