ListBox select event not working as expected

[Sathyanarayanan Srinivasan]

Hi,

I am using ListBox exactly as described in the documentation site. Functionally it works good: dataSource loaded, the Fields property taking effect, I can interact with it.

I add (select) event to the ejs-listbox to be able to adjust data on other user inputs/ controls. The event is not firing. 

I am also defining the following css to make the selected item look more visible to human eyes of all strengths. I can see the list items change the selected status when I inspect the html elements, but the styles take no effect.

.e-list-item .e-selected {

background-color: red;

color: white;

}

I am using syncfusion @17.3.26. Please help point me to the right direction... what am I missing here?

Thanks and best regards,

Sathya

[Madhan Venkateshan]

Hi Sathya, 

 

Good day to you. 

 

Query #1: I add (select) event to the ejs-listbox to be able to adjust data on other user inputs/ controls. The event is not firing.  

 

Sorry for the inconvenience caused. We have depreciated select event instead we provided change event and it will fire when you select the listbox items and also prepared a sample to log the change event in the console, please refer the below link 

 

https://stackblitz.com/edit/angular-qozrks-jfwgtw?file=app.component.css 

 

Query #2: I can see the list items change the selected status when I inspect the html elements, but the styles take no effect. 

 

We would suggest you to increase the css specificity to override the existing css styles. Please refer the below code snippets 

 

App.component.css 

.e-listbox-wrapper .e-list-item.e-selected { 

    background-color: red; 

    color: white; 

} 

  

Regards, 

Madhan V 

[Sathyanarayanan Srinivasan]

Thank you Madhan. Works like a charm :)

[Madhan Venkateshan]

Hi Sathya, 

 

Thanks for your update, Please feel free to contact us if you need any further assistance on this. 

 

Regards, 

Madhan V 

[Anderson Luiz Ferrari]

"change" event worked, but can you please ask for someone to update the documentation, so you don't mislead more developers on that:

https://ej2.syncfusion.com/angular/documentation/list-box/selection/

On selection of each list box item, select event is triggered.

Thank you!!

[Gayathri KarunaiAnandam]

Hi Anderson, 

Sorry for the inconvenience. 

We have checked your reported query. We will update our documentation in our upcoming release. We appreciate your patience until then. 

Regards, 

Gayathri K