[JS ES5] Prevent Chip (single selection) with no value (selected = false)

[Lucas]

Hi, how can I prevent a ChipsList (single selection) with no value? The component has a default value and the user needs to choose an option (like radio button), the problem is that he can unselect an option when click on the same option, how can I prevent it (cancel)?

This documentation about this component has few informations....

[Keerthana Rajendran]

Hi Lucas, 

 

Greetings from Syncfusion support. 

 

We have analyzed your requirement for select and unselect. By default, the selected item will get deselected during click, it is the usual behavior of chip component. We would like to let you know that, EJ2 ButtonGroup component will meet your exact requirement. Since, the group button has  single selection and multi selection mode. During single selection, minimum one value is maintained in selected state (as like radio button group). In MultiSelection mode, you will be able to select more than one value (as like checkbox group). 

  

To know more about the ButtonGroup, refer the below link. 

  

UG Documentation: https://ej2.syncfusion.com/documentation/button-group/selection/ 

Sample link: https://ej2.syncfusion.com/demos/#/material/button/button-group.html 

  

Please let us know, if you have any concerns. 

  

  

Regards, 

Keerthana.