CheckBox InputAttributes added

radzenhq · Dec 6, 2023 · 0ad1d57 · 0ad1d57
1 parent 0c34028
commit 0ad1d57
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/Radzen.Blazor/RadzenCheckBox.razor b/Radzen.Blazor/RadzenCheckBox.razor
@@ -7,7 +7,7 @@
 {
     <div @ref="@Element" @attributes="Attributes" class="@GetCssClass()" @onkeypress=@OnKeyPress @onkeypress:preventDefault style="@Style" tabindex="@(Disabled || ReadOnly ? "-1" : $"{TabIndex}")" id="@GetId()">
     <div class="rz-helper-hidden-accessible">
-        <input type="checkbox" @onchange=@Toggle value=@CheckBoxValue name=@Name id=@Name checked=@CheckBoxChecked
+        <input type="checkbox" @onchange=@Toggle value=@CheckBoxValue name=@Name id=@Name checked=@CheckBoxChecked @attributes="InputAttributes"
             tabindex="-1" readonly="@ReadOnly">
     </div>
     <div class=@BoxClassList @onclick=@Toggle @onclick:preventDefault>

diff --git a/Radzen.Blazor/RadzenCheckBox.razor.cs b/Radzen.Blazor/RadzenCheckBox.razor.cs
@@ -1,6 +1,7 @@
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Web;
 using Radzen.Blazor.Rendering;
+using System.Collections.Generic;
 using System.Threading.Tasks;
 
 namespace Radzen.Blazor
@@ -16,6 +17,13 @@ namespace Radzen.Blazor
     /// </example>
     public partial class RadzenCheckBox<TValue> : FormComponent<TValue>
     {
+        /// <summary>
+        /// Specifies additional custom attributes that will be rendered by the input.
+        /// </summary>
+        /// <value>The attributes.</value>
+        [Parameter]
+        public IReadOnlyDictionary<string, object> InputAttributes { get; set; }
+
         /// <summary>
         /// Gets or sets a value indicating whether is tri-state (true, false or null).
         /// </summary>

diff --git a/RadzenBlazorDemos/Pages/DropDownDataGridMultiple.razor b/RadzenBlazorDemos/Pages/DropDownDataGridMultiple.razor
@@ -9,11 +9,11 @@
         <Columns>
             <RadzenDropDownDataGridColumn Width="60px" Sortable="false">
                 <HeaderTemplate>
-                    <RadzenCheckBox Disabled="@(!grid.AllowSelectAll)" TriState="false" TValue="bool" Value="@(customers.Any(c => values != null && values.Contains(c.CustomerID)))"
+                    <RadzenCheckBox InputAttributes="@(new Dictionary<string,object>(){ { "aria-label", "select all" }})" Disabled="@(!grid.AllowSelectAll)" TriState="false" TValue="bool" Value="@(customers.Any(c => values != null && values.Contains(c.CustomerID)))"
                                     Change="@(args => values = args ? grid.View.Cast<Customer>().Select(c => c.CustomerID) : values = Enumerable.Empty<string>())" />
                 </HeaderTemplate>
                 <Template Context="data">
-                    <RadzenCheckBox TriState="false" Value="@(values != null && values.Contains(((Customer) data).CustomerID))"
+                    <RadzenCheckBox InputAttributes="@(new Dictionary<string,object>(){ { "aria-label", "select item" }})" TriState="false" Value="@(values != null && values.Contains(((Customer) data).CustomerID))"
                                     TValue="bool" Change=@(args => grid.SelectItem(data)) @onclick:stopPropagation/>
                 </Template>
             </RadzenDropDownDataGridColumn>