List box Drag drop grouping issue

[sneha]

Hello Team.

I am using ListBox component with drag and drop checkbox. when as below example i am checking List3 and List1. i am trying to drag only List3 but List1 also grouping in drag drop. how can i move only one list item?

                            <ejs-listbox class="deviceListbox" #deviceListBox [fields]='checkFields' [selectionSettings]='selectionSettings' id='connected-list'                                                                 (change)="change($event)" [allowDragAndDrop]="true" [dataSource]='deviceList'  >                                

                            </ejs-listbox>

[Saranya Dhayalan]

Hi Sneha, 

 

Thank you for contacting Syncfusion support 

 

We have checked your reported query, you can achieve this by using dragStart event. In this event you can set false to args.dragSelected. Please find the below code snippet: 

 

dragStart(args: DragEventArgs){ 

        args.dragSelected = false; 

    } 

 

For your convenience we have prepared a sample. Please find the below sample link 

 

Sample link: https://stackblitz.com/edit/angular-dk7sxz?file=app.component.ts 

 

Please check the above sample and get back to us if you need further assistance on this. 

 

Regards, 

Saranya D 

[sneha]

Thank you so much it is working perfectly now

[Saranya Dhayalan]

Hi Sneha, 

 

Most Welcome… 

 

We are happy to hear that your requirement has been fulfilled. Kindly get back to us if you need any further assistance. 

 

Regards, 

Saranya D