starred/radzen-blazor
1
0
Fork 0
mirror of https://github.com/radzenhq/radzen-blazor.git synced 2026-02-04 05:35:44 +00:00
Code Issues 1.3k Packages Projects Releases 22 Wiki Activity

RadzenListBox with Cascading Parameter Breaks MultiSelect Items/Checkboxes and Cannot Update Changes #240

New Issue
Closed
opened 2026-01-29 17:34:03 +00:00 by claunia · 1 comment
claunia commented 2026-01-29 17:34:03 +00:00
Owner
Copy Link

Originally created by @noAPEX-Group on GitHub (Oct 31, 2021).

Describe the bug
A clear and concise description of what the bug is.

When using a RadzenListBox with multiselect and cascading parameter for Data, the items/checkboxes are broken and do not capture or highlight changes.
Specifically the CSS classes:

rz-multiselect-item -- does not receive rz-state-highlight
rz-chkbox-box -- does not receive rz-state-active
rz-chkbox-icon -- does not receive rzi rzi-check

The values are then not captured and the RadzenListBox control does not capture changes/values on form submission.

The cascade does work though, as the list items do toggle based on the cascading parameter - you just cannot select or change them, and the form submission does not recognize any updates.

To Reproduce
Steps to reproduce the behavior:

  1. Create a RadzenListBox component and use cascading parameter of type IEnumerable with an ICollection for Data
  2. Click on any multiselect item - the checkbox/highlighting for rz-multiselect-item does not change or update.
  3. When submitting the form changes are not captured.
  4. Code below:

<RadzenListBox class="col-sm-8" AllowFiltering="true" FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive" Multiple="true" TValue="IEnumerable<int>" @bind-Value=@employeeWarehousesAccesible Data=@(Warehouses.Where(w => employeeLocationsAccesible.Contains(w.LocationId))) TextProperty="Name" ValueProperty="Id" Style="height: 200px;" Name="WarehousesAccessible" />

Alternatively link your repo with a sample project that can be run.

Expected behavior
A clear and concise description of what you expected to happen.

The rz-multiselect-item and checkbox should update and capture value changes to be submitted properly with the form.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: Windows 10
  • Browser Chrome
  • Browser Version: 95.0.4638.54 (Official Build) (64-bit)
  • Radzen Blazor Version: 3.6.6

Additional context
Add any other context about the problem here.

The cascade does work though, as the list items do toggle based on the cascading parameter - you just cannot select or change them, and the form submission does not recognize any updates.

Originally created by @noAPEX-Group on GitHub (Oct 31, 2021). <!-- IMPORTANT: Read this first!!! 1. If you own a Radzen Professional or Еnterprise subscription you can report your issue or ask us a question via email at info@radzen.com. Radzen staff will reply within 24 hours (Professional) or 16 hours (Enterprise) 2. The Radzen staff guarantees a response to issues in this repo only to paid subscribers. 3. If you have a HOW TO question start a new forum thread in the Radzen Community forum: https://forum.radzen.com. Radzen staff will close issues that are HOWTO questions. 4. Please adhere to the issue template. Specify all the steps required to reproduce the issue or link a project which reproduces it easily (without requiring extra steps such as restoring a database). --> **Describe the bug** A clear and concise description of what the bug is. When using a RadzenListBox with multiselect and cascading parameter for Data, the items/checkboxes are broken and do not capture or highlight changes. Specifically the CSS classes: rz-multiselect-item -- does not receive rz-state-highlight rz-chkbox-box -- does not receive rz-state-active rz-chkbox-icon -- does not receive rzi rzi-check The values are then not captured and the RadzenListBox control does not capture changes/values on form submission. The cascade does work though, as the list items do toggle based on the cascading parameter - you just cannot select or change them, and the form submission does not recognize any updates. **To Reproduce** Steps to reproduce the behavior: 1. Create a RadzenListBox component and use cascading parameter of type IEnumerable<int> with an ICollection<T> for Data 2. Click on any multiselect item - the checkbox/highlighting for rz-multiselect-item does not change or update. 3. When submitting the form changes are not captured. 4. Code below: `<RadzenListBox class="col-sm-8" AllowFiltering="true" FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive" Multiple="true" TValue="IEnumerable<int>" @bind-Value=@employeeWarehousesAccesible Data=@(Warehouses.Where(w => employeeLocationsAccesible.Contains(w.LocationId))) TextProperty="Name" ValueProperty="Id" Style="height: 200px;" Name="WarehousesAccessible" />` Alternatively link your repo with a sample project that can be run. **Expected behavior** A clear and concise description of what you expected to happen. The rz-multiselect-item and checkbox should update and capture value changes to be submitted properly with the form. **Screenshots** If applicable, add screenshots to help explain your problem. **Desktop (please complete the following information):** - OS: Windows 10 - Browser Chrome - Browser Version: 95.0.4638.54 (Official Build) (64-bit) - Radzen Blazor Version: 3.6.6 **Additional context** Add any other context about the problem here. The cascade does work though, as the list items do toggle based on the cascading parameter - you just cannot select or change them, and the form submission does not recognize any updates.
claunia commented 2026-01-29 17:34:04 +00:00
Author
Owner
Copy Link

@enchev commented on GitHub (Jul 24, 2024):

Unable to reproduce

@enchev commented on GitHub (Jul 24, 2024): Unable to reproduce
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
enhancement
good first issue
pull-request
Mirrored from GitHub Pull Request
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
claunia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#240
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?