Multiselect SelectAll Problem

[Unknown]

Hi,

I had first click the button and select All options there is. Then I clicked the clear button. My select choices are deleted. Then I click again multi select and Select All option is not there. I use formGroup.

"@syncfusion/ej2-angular-buttons": "^18.3.47",

"@syncfusion/ej2-angular-calendars": "^18.3.47",

"@syncfusion/ej2-angular-dropdowns": "^18.3.48",

"@syncfusion/ej2-angular-grids": "^18.3.47",

"@syncfusion/ej2-angular-inputs": "^18.3.47",

"@syncfusion/ej2-angular-navigations": "^18.3.47",

"@syncfusion/ej2-angular-pivotview": "^18.3.47",

"@syncfusion/ej2-angular-popups": "^18.3.47",

<ejs-multiselect #multiCheckbox

id="multiCheckbox"

[dataSource]='dataSource'

[fields]='queryUtility.ej2MultiSelect.checkFields'

[mode]='queryUtility.ej2MultiSelect.mode'

[showDropDownIcon]='true'

[filterType]='queryUtility.ej2MultiSelect.filterType'

[allowFiltering]="queryUtility.ej2MultiSelect.allowFiltering"

[placeholder]='"moduleQuery.transactionQueryPage.dataSource" | translate'

[enableSelectionOrder]="queryUtility.ej2MultiSelect.enableSelectionOrder"

formControlName="banks"

showSelectAll=true

(close)='onClose($event)'

>

</ejs-multiselect>

[Ponmani Murugaiyan]

Hi kenan, 

Thanks for contacting Syncfusion support. 

We have validated your query. But unfortunately the reported issue is not replicated in our end. Here we have attached the ensured sample below for your reference. 

<form [formGroup]="skillForm" novalidate id="formId"> 

<div class="form-group"> 

    <ejs-multiselect 

    id="multiCheckbox" 

    [dataSource]="autoreactiveskillset" 

    [mode]="mode" 

    [showDropDownIcon]="true" 

    [filterType]="startsWidth" 

    [allowFiltering]="true" 

    formControlName="skillname" 

    [enableSelectionOrder]="true" 

    name="skillname" 

    showSelectAll="true" 

> 

</ejs-multiselect> 

Sample: https://stackblitz.com/edit/angular-gaeqfw-fkv7nb?file=app.component.html  

Video demonstration: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ScreenCapture_13-11-2020_3.13.35_PM.mp41245150055  

 

Kindly check with the above sample and video. If issue still exists in your end or if we misunderstood the query, please provide the below details. 

1. Whether any additional properties need to configured with Multiselect.
2. Provide video demonstration with issue replication procedure.
3. Try to replicate the issue in the above provided sample.

Regards, 

Ponmani M 

[Naved Mushtaq Shaikh]

Hi,

Have you got any solution for this? I am also getting same error where Select All option disappears from the drop down. One thing I have notice that with static data source it is working fine but when we are getting the data from database to bind the dropdown select all option is not behaving properly.

<ejs-multiselect id="catStateFilterID" #checkbox [dataSource]="stateList" placeholder="State" [fields]="filterTypeField"

 [mode]="mode" [popupHeight]="popHeight" [showDropDownIcon]="true" [allowFiltering]="true" [enableSelectionOrder]="true"  [filterBarPlaceholder]="filterStatePlaceholder" [(value)]="CatStatelValue" showSelectAll="true"  enableGroupCheckBox="true" (select)="selectState($event)" (change)="OnChange($event)"

                (selectedAll)="selectAllState($event)"></ejs-multiselect>

[UdhayaKumar Duraisamy]

Hi Naved,

Greetings from syncfusion support.

We are currently checking the possibilities for the requirement. We will update the details within two business days (May 30, 2022).

Thanks,

Udhaya Kumar D.

[UdhayaKumar Duraisamy]

Hi Naved,

We couldn’t reproduce the reported issue as per your scenario. We request you to provide additional details about the issue i.e. replication procedure, issue replication sample, etc... Which will help us to validate the issue further and provide you with a better solution.

Regards,

Udhaya Kumar D

[cipl 1177]

Hey Hi ,  I need  even one data came time i need select all  option i need how to achive that user want like .

<div class="form-group"> 

    <ejs-multiselect 

    id="multiCheckbox" 

    [dataSource]="autoreactiveskillset" 

    [mode]="mode" 

    [showDropDownIcon]="true" 

    [filterType]="startsWidth" 

    [allowFiltering]="true" 

    formControlName="skillname" 

    [enableSelectionOrder]="true" 

    name="skillname" 

                [showSelectAll]="true"

>

</ejs-multiselect>  i have only one skill that time also i need select all option i want . Now how its behaviours more than one data came time only coming how to achive . then how to identify user is click select all and unselect all. User want even one data came time also select All option

[cipl 1177]

Add 'Select- All' checkbox when there is only one option present in  dropdown. how to achive and how to find user click select-all and unselect all.  i have only one skill that time also i need select all option i want . Now how its behaviours more than one data came time only coming how to achive . then how to identify user is click select all and unselect all. User want even one data came time also select All option

[Shereen Shajahan]

Hi 

Please follow the below forum for further updates regarding your query,

Select- All' checkbox when there is only one option present in dropdown | Angular - EJ 2 Forums | Syncfusion

Regards,

Shereen