2016-12-07 2 views
0

각도 2의 Kendo UI에 내 구성 요소를 정렬 할 수 있습니까? 기본적으로, 페이지의 한 부분에서 항목을 드래그하여 검도 정렬 가능하도록 추가하고 싶지만 드래그 한 위치에서 제거하지 마십시오.내 구성 요소를 정렬 가능으로 드래그

답변

2

예, 가능합니다. 그리고 그것을 할 수있는 두 가지 방법이 있습니다.

  • 더 복잡한 것은 SortableService을 구현하는 것입니다. 그건 SortableComponent 및 구성 요소와 함께 작동하고 당신이 필요로 정확히 않습니다.

  • 두 번째 해결 방법은 간단합니다. 단 하나의 항목 만있는 경우에도 정렬 가능한 항목으로 구성 요소를 래핑하십시오. 원래 구성 요소가 들어있는 SortableA가 내부에 있다고 가정 해 보겠습니다. SortableB - 항목을 놓을 대상입니다.

    SortableA에 [zone]="zone1", SortableB에 [acceptZones] = "zone1"을 설정하십시오. 이 시점에서 SortableA에서 SortableB까지 단일 항목을 끌 수 있습니다. 마지막으로 SortableA dataRemove event에서 preventDefault를 호출합니다. 이렇게하면 SortableA 복사 항목이 이동하는 대신 삭제됩니다.

+0

나는 옵션 1을 할 필요가 없길 바래 왔지만 옵션 2는 효과가없는 것 같습니다. dataRemove는 예방할 수없는 것 같습니다. [http://plnkr.co/edit/o2AhaBCa8O5JyDCedaxT?p=preview](http://plnkr.co/edit/o2AhaBCa8O5JyDCedaxT?p=preview) – Ulfius

+1

해결 방법으로, 내가 한 것은 dataRemove 이벤트입니다. 새 복사본을 원본 배열에 넣습니다. – Ulfius