Does anyone have working code for radlistview with reorder for angular?
I have a list in the RadListView form, and I am trying to enable the user to reorder the items in the list. I am using NS Angular, and its not working properly on iOS. (I haven’t tested android yet.)
Here’s the issue: the reorder handle only works properly for dragging an item up. Specifically, the reorder handle does not work at all to drag an item down–rather, you have to drag the item header (noted with the class=“header”), and only then can it reorder down. The reorder handle does work if you press on the reorder handle and drag the item (above the others).
Below is my code. Is there something I am missing?
Note: I would prefer not to require a reorder handle at all, so a user could just reorder by dragging anywhere in the item. But if I set itemReorder=“true” (which should be enough per the docs), but do not include both reorderMode=“Drag” and the reorderhandle, then there is no reordering action at all. this is different than what the docs provide.
Here is the html code I am using:
<RadListView [items]="arrayItems" (itemReordered)="onItemReordered($event)" itemReorder="true" reorderMode="Drag"> <ng-template tkListItemTemplate let-arrayItem="item"> <StackLayout> <Label class="header" [text]="arrayItem.name"></Label> <ReorderHandle> <Label text="Reorder This!"></Label> </ReorderHandle> <Label [text]="arrayItem.detail"></Label> </StackLayout> </ng-template> </RadListView>
Docs I reference: