how to make option unselectable

[Andry Christian]

Hi! Is it possible to disable item select option? Thank you

[Ponmani Murugaiyan]

Hi Andry,  

Greetings from Syncfusion support. 

As per your requirement, we have prepared sample for disable the dropdown item. Please find the code snippet below for your reference. 

public disableItems = ['Game3','Game7'] 

itemCreated: (e)=> {  

    if (this.disableItems.indexOf(e.curData.Id) > -1) {   

      e.item.classList.remove('e-list-item');  

      e.item.classList.add('e-disable-list-item');   

      e.item.classList.add('e-disabled');  

    }  

  }  

Output: 

 

 

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

Kindly check with the above sample meets your requirement. If not, please elaborate more on your requirement to provide you the solution at earliest. 

 

Regards, 

Ponmani M

[Andry Christian]

Thank you very much, it works very well

[Ponmani Murugaiyan]

Hi Andry, 

We are glad to hear that the provided suggestion help you to achieve your requirement. Please get back us if you need further assistance. 

Regards, 

Ponmani M