DualListBox - Move item to the top

[Akcherry]

Hi, 

is there a way to move items to the top of the list instead of to the bottom, like a stack?

[Arunkumar Devendiran]

Hi Akcherry, 

 

We have checked your reported query and we suspect that you are trying to set the moved items to be the first item in the listbox. Could you please share us your exact scenario or screenshot of your requirement? So, that we can analyze based on that and provide you a better solution. The information provided would be great help for us to proceed further. 

 

Regards, 

Arunkumar D 

[Akcherry]

Hi Akcherry, 

 

We have checked your reported query and we suspect that you are trying to set the moved items to be the first item in the listbox. Could you please share us your exact scenario or screenshot of your requirement? So, that we can analyze based on that and provide you a better solution. The information provided would be great help for us to proceed further. 

 

Regards, 

Arunkumar D 

Hi, 

thanks for the quick feedback. I will explain my problem using the example.  If the target list is not sorted, the moved items should be the first item in the list box.

And if the first elements are disabled, it should be added after the disabled elements. So that the disabled elements do not change their position. I hope this information can help you further.

For example: 

If I move "Italy", it should be inserted before "Australia".

If I move "Canada", it should be inserted after "Italy".

https://stackblitz.com/edit/4zixfj-7ps2rd?file=index.ts

[Arunkumar Devendiran]

Hi Akcherry, 

 

We would inform you that we have created a sample for your reported requirement. In that, we have set the moved items on top of the list by using the index property. In this way, you can achieve your requirement. Please refer the below sample link. 

 

Sample link:   

https://stackblitz.com/edit/4zixfj-zuvy3q?file=index.ts 

 

Regards, 

Arunkumar D 

[Akcherry]

Hi Arunkumar,

Thank you very much for the sample. But there is an error when you move a moved element backwards.

[Arunkumar Devendiran]

Hi Akcherry, 

 

Sorry for the inconvenience caused. 

 

We have created the sample based on your requirement. In that, you can get the moved item as the first data on listitem. Please refer the below sample link. 

 

Sample link: 

https://stackblitz.com/edit/4zixfj-zuvy3q?file=index.ts 

 

Could you please check the above sample and let us know whether this is fulfilling your requirement or get back to us if you need further assistance. 

 

Regards, 

Arunkumar D