2016-05-25 17 views
7

Tôi đang sử dụng angular table-sortangular drag-drop trong dự án của mình. Khi tôi kéo một hàng và cố gắng thả nó vào một hàng khác, thì sắp xếp bảng sắp xếp các hàng vào vị trí trước đó của chúng.Góc bảng sắp xếp và kéo và thả xung đột hàng của bảng

Nếu tôi xóa chỉ thị sắp xếp bảng ts-repeat, sau đó kéo và thả hoạt động hoàn hảo. Tôi cũng cần sắp xếp cột bảng mặc định "Tuổi" tăng dần. Tôi đã làm một ví dụ về plunker cho sự hiểu biết tốt hơn. https://plnkr.co/edit/pHlTufpayFAB4he8bN6y

Vì vậy, làm thế nào để ngăn chặn sắp xếp bảng khi kéo và thả một hàng?

Có ai giúp tôi giải quyết vấn đề này không? Tôi thực sự sẽ đánh giá cao điều này. Cảm ơn trước.

Trả lời

6

Tôi nghĩ bạn chỉ nên loại bỏ ts-repeat và chỉ sắp xếp dữ liệu ban đầu (trong dịch vụ/bộ điều khiển của bạn). Nó không phải là một lỗi, đó là một tính năng. Hãy tưởng tượng, bạn loại bỏ và sau đó thêm lại một phần tử vào một bảng, được sắp xếp. Bạn muốn nó tiếp tục được sắp xếp, đúng không?

+0

Nhưng tôi cũng cần 'ts-repeat'. Vì đó là yêu cầu của khách hàng để sắp xếp dữ liệu ban đầu, sau đó sắp xếp với các cột khác nhau nếu họ muốn. Vì vậy, với điều này, việc sử dụng 'ts-repeat' là bắt buộc đối với tôi. Và khi thêm một hàng mới, nó cũng được sắp xếp trong dự án của tôi (không bao gồm nó để đơn giản). Vì vậy, tôi đã sử dụng cả ‘ts-repeat' và' kéo-và-thả' trong cùng một bảng. –

+1

Bây giờ tôi nhận được nó, bạn muốn có thể sắp xếp, nhưng cũng sửa đổi thứ tự theo cách thủ công. Tôi nghĩ bạn có thể thử http://lorenzofox3.github.io/smart-table-website/, nó có nhiều tính năng hơn một chút. Tôi đoán bạn có thể tắt sắp xếp nếu thay đổi thủ công được thực hiện. – fodma1

1

Bạn có thể thử bằng cách sử dụng Angular ui-sortable thay vì kéo thả góc. Tôi nghĩ rằng nó sẽ làm việc cho bạn.

Các vấn đề liên quan