Grid Multiselect

[vin]

How do i get the selected values in the grid?

  public mode: any = 'checkbox';

  public checkWaterMark: string = 'Select Pods';

  public podFields: Object = { text: 'podName', value: 'projectPodId' };

public popHeight: string = '350px';

  <e-column  headerText='Pod Assignment'

                                                                textAlign='Left' width=90>

                                                                <ng-template #template let-data>

                                                                    <div>

                                                                      

                                                                        <ejs-multiselect id='multiselect-checkbox' #multiselectCheckbox name="pods"

                                                                        id="pods" [dataSource]='aPods' [placeholder]='checkWaterMark'

                                                                        [fields]='podFields' [mode]='mode' [popupHeight]='popHeight'

                                                                        [showDropDownIcon]='true' showSelectAll='true'

                                                                        [(ngModel)]="data.podSelValue" [filterBarPlaceholder]='filterPlaceholder'

                                                                        [value]="data.podSelValue">

                                                                    </ejs-multiselect>

                                                                    </div>

                                                                </ng-template>

                                                            </e-column>

[vin]

How do i get the selected values in the grid?

  public mode: any = 'checkbox';

  public checkWaterMark: string = 'Select Pods';

  public podFields: Object = { text: 'podName', value: 'projectPodId' };

public popHeight: string = '350px';

  <e-column  headerText='Pod Assignment'

                                                                textAlign='Left' width=90>

                                                                <ng-template #template let-data>

                                                                    <div>

                                                                      

                                                                        <ejs-multiselect id='multiselect-checkbox' #multiselectCheckbox name="pods"

                                                                        id="pods" [dataSource]='aPods' [placeholder]='checkWaterMark'

                                                                        [fields]='podFields' [mode]='mode' [popupHeight]='popHeight'

                                                                        [showDropDownIcon]='true' showSelectAll='true'

                                                                        [(ngModel)]="data.podSelValue" [filterBarPlaceholder]='filterPlaceholder'

                                                                        [value]="data.podSelValue">

                                                                    </ejs-multiselect>

                                                                    </div>

                                                                </ng-template>

                                                            </e-column>

?

[Manikandan Nallathambi]

Hi vin, 

 

Thanks for contacting Syncfusion support. 

 

You can get the multiselect component's selected values using its change event. Please find the below code snippets and sample on achieving this requirement for your reference, 

App.component.html 

<e-column headerText="MultiSelect" width="150" textAlign="Center"> 

        <ng-template #template let-data> 

          <div> 

            <ejs-multiselect id='multiselect' [placeholder]="placeholder" [dataSource]='data1' [fields]="fields" (change)="changevalue($event)"></ejs-multiselect> 

            </div>         

        </ng-template> 

      </e-column> 

App.component.ts 

 

changevalue(args){ 

    console.log(args.value.toString()) 

  } 

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

Documentation: https://ej2.syncfusion.com/angular/documentation/multi-select/getting-started/ 

API link: https://ej2.syncfusion.com/angular/documentation/api/multi-select/#change 

Please get back to us if you need further assistance. 

Regards 

Manikandan N