We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Problem with Checkbox inside a SfListView - Click event not firing

I have the following code

Snippet
<SfListView DataSource="@filteredEquipmentVms"
            SortOrder="SortOrder.Ascending"
            Height="200px"
            Enabled="true"
            EnableVirtualization="false"
            EnablePersistence="true"
            ShowCheckBox="true"
            CheckBoxPosition="CheckBoxPosition.Left">
   
    <ListViewFieldSettings TValue="ScheduleData.EquipmentVm" Id="Code"
                           Text="Name"
                           IsChecked="Selected"
                           Tooltip="Tooltip"
                           Enabled="Enabled"></ListViewFieldSettings>
 
</SfListView>
 


which displays as such:




I have no errors and I set selected to true for machine 10 in code...

Snippet
if (equipmentVm.Code == "MACHINE10")
         {
             equipmentVm.Selected = true;
         }

Problem I have i clicking a checkbox, or its row does not work, when i hover over the checkbox i see the check appear



but I can't click it and when i hover out it remains unchecked

It worked in Version 20.0.3.xx but I updated to 20.4.0.43 this morning and now clicks are not working.


I also have this data attached to the listview



So no nulls are anything suspicious


1 Reply

IL Indhumathy Loganathan Syncfusion Team January 12, 2023 11:36 AM UTC

Hi Frederic,


Greetings from Syncfusion support.


With the shared code details, we have validated the issue mentioned in the latest package version. However, we were not able to reproduce the issue. Check out the attached sample.


https://www.syncfusion.com/downloads/support/directtrac/general/ze/SfListView-946633100


We achieved dynamic selection with a button click, since we were not clear on the exact code changes you have made at your end. If possible, replicate the issue in the shared sample. We also recommend that you map the appropriate script and style references.


To ensure that you are using the correct Syncfusion CDN link reference in your application, we recommend visiting our online documentation site. Here, you will find a list of the available CDN links for our products, as well as instructions for how to use them in your application. You can also use the static style and script references instead of CDN links.

@*Style refernce for complete NuGet packages*@

<link rel='nofollow' href="_content/Syncfusion.Blazor/styles/bootstrap5.css" rel="stylesheet" />

@*Script refernce for complete NuGet packages*@

<script src="_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js" type="text/javascript">script>


Try the suggested changes at your end and get back to us if you need any further assistance.


Regards,

Indhumathy L


Loader.
Live Chat Icon For mobile
Up arrow icon