Drag items from dropdown lists

[RR]

I have implemented a drop down list as follows.  i want to drag items from this list.  :draggable="true" :dropzone="true"

doesn't seems to trigger this. Items cannot be dragged. How to achieve this? Thank you in advance

<kendo-dropdownlist
v-model="dropdownlistValue"
:data-source="dataSourceArray"
:data-text-field="'text'"
:data-value-field="'value'"
:filter="'contains'"
:draggable="true"
:dropzone="true">
</kendo-dropdownlist>

dataSourceArray:any []=[{ text: 'Small', value: '1' }, { text: 'Medium', value: '2' }, { text: 'Large', value: '3' },  { text: 'X-Large', value: '4' }, { text: '2X-Large', value: '5' } ];
dropdownlistValue= "";

[Nencho]

Hello Roshan,

I'm afraid that the DropDownList does not provide a Drag and Drop functionality at all. You can use the Kendo ListBox component which do possess such a built-in feature:

https://www.telerik.com/kendo-vue-ui/components/listbox/api/ListBox/#toc-draggable

Please give it a try and let me know if you have any questions.

Regards,
Nencho
Progress Telerik