How to detect de-selection of an opton

[Raj Maheshwari]

Hello Team

i am trying to show and hide some controls based on selection and deselection of multiselect dropdown component 

On (select) event multiselect is working and its hiding the required content - but on *de-selection* - 

what event should we use to show them back

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

Thanks

Mohit

[Ponmani Murugaiyan]

Hi Mohit, 

Greetings from Syncfusion support. 

Query: But on *de-selection* - what event should we use to show them back. 

 

You can use the removed event to detect the deselection item in the popup. 

https://ej2.syncfusion.com/angular/documentation/api/multi-select/#removed 

<ejs-multiselect 

        id="multiselect-checkbox" #checkbox [dataSource]="myc" [placeholder]="checkWaterMark" [fields]="mycheckFields" 

        [mode]="mode" [popupHeight]="popHeight" [showDropDownIcon]="true" [filterBarPlaceholder]="filterPlaceholder" 

        (select)="testSelect($event)" (removed)="testUnSelected($event)" 

      ></ejs-multiselect> 

testUnSelected(args) { 

    //triggers on DeSelection 

  } 

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

 

Regards, 

Ponmani M 

[Raj Maheshwari]

Thank you for quick response - this will do for us.

Mohit

[Ponmani Murugaiyan]

Hi Mohit, 

Thanks for the update. Please get back us if you need further assistance. 

Regards, 

Ponmani M