Reorder items in Multiselect Dropdown

[Samir Modi]

Hi Team,

Is there any way I can reorder items in Multiselect dropdownlist using checkbox mode. In my application, ordering is important while sending data back to the api. Can we drag and move items around once selected? Or may be provide a up down buttons for each value in the list and move those once selected in the dropdown.

Thanks in Advance!

Regards,

Samir

[Sureshkumar P]

Hi Samir, 

 

Greetings from Syncfusion support. 

 

We have checked the reported requirement. We would like to inform you that we have enableSelectionOrder property, that reorders the selected item after selecting the value. The default value is true. If you disable the enableSelectionOrder property then, the selected value will appear in the same place itself. Please refer the below code, 

 

<ejs-multiselect id='multiselect-checkbox' #checkbox [dataSource]='countries' [placeholder]='checkWaterMark' 

    [fields]='checkFields' [mode]='mode' [popupHeight]='popHeight' [showDropDownIcon]='true' showSelectAll='true' 

    [filterBarPlaceholder]='filterPlaceholder' [enableSelectionOrder]='true'></ejs-multiselect> 

 

 

Also, we would like to inform you that we don’t have support dragging the selected item. Please check the sample whether it met your requirement or not. 

 

https://stackblitz.com/edit/angular-aqrpah-dyzqii?file=app.component.html  

 

If not, could you please share the exact requirement, based on that we will try to provide the solution. 

 

Regards, 

Sureshkumar P