Vue Listview sortable & draggable?

[Oliver]

Hello forum,

can the Listview component be sortable and draggable? I would like to influence the order of the displayed Listview entries with the mouse. I would appreciate any feedback. Best regards

[Konstantin Dikov]

Hi Oliver,

For introducing sorting for the ListView you can use the "orderBy" helper method and pass a sort expression with the field that you want to sort. Here is an example demonstrating such implementation:

• https://stackblitz.com/edit/jcnij1?file=src%2Fmain.vue

As for reordering items, you can take a look at such implementation for the Grid and using the custom rendering of the ListView items, add similar logic that will use the browser's drag & drop:

• https://www.telerik.com/kendo-vue-ui/components/knowledge-base/grid-drag-and-drop-rows-between-two-grids/

Hope this helps.

 

Regards,
Konstantin Dikov
Progress Telerik