Connected/Connected.Components
14
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Checkbox - working example -- NumberInput,TextInput - InputAttributes initialization moved to InputBase class #8

Merged
koma merged 4 commits from features/rewrite/checkbox into features/rewrite/main 2023-02-17 09:46:19 +00:00
Conversation 1 Commits 4 Files Changed 14 +80 -7
5 changed files with 80 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 587d6c5109 - Show all commits

21
src/Connected.Components.Showcase.Runner/Pages/Index.razor
View File

@ -6,14 +6,21 @@
<p>SelectedValue: @SelectedValue.ToString()</p>
<CheckBoxGroup Id="chkgroup1">
<CheckBox Id="checkbox1" Label="Chk 1" />
<CheckBox Id="checkbox2" Label="Chk 2" />
<CheckBox Id="checkbox3" Label="Chk 3" />
<CheckBox Id="checkbox4" Label="Chk 4" />
<CheckBox Id="checkbox5" Label="Chk 5" />
</CheckBoxGroup>
<RadioGroup Name="Group1">
<Radio Id="radio1" Label="Group 1, Radio 1"></Radio>
<Radio Id="radio2" Label="Group 1, Radio 2"></Radio>
<Radio Id="radio3" Label="Group 1, Radio 3"></Radio>
<Radio Id="radio4" Label="Group 1, Radio 4"></Radio>
<Radio Id="radio5" Label="Group 1, Radio 5" Disabled=true></Radio>
</RadioGroup>
<RadioGroup Name="Group2" Disabled=true>
<Radio Id="radio21" Label="Group 2, Radio 1"></Radio>
<Radio Id="radio22" Label="Group 2, Radio 2"></Radio>
<Radio Id="radio23" Label="Group 2, Radio 3"></Radio>
<Radio Id="radio24" Label="Group 2, Radio 4"></Radio>
<Radio Id="radio25" Label="Group 2, Radio 5"></Radio>
</RadioGroup>
@code {
int SelectedValue;

8
src/Connected.Components/Components/Radio.razor Normal file
View File

@ -0,0 +1,8 @@
@using Connected.Models;
@inherits InputBase;
<div class="radio-group">
<input id="@Id" name="@ParentRadioGroup.Name" type="radio" @onchange="OnChange" @attributes=@InputAttributes>
<label for="@Id" class="radio-label">@Label</label>
</div>

31
src/Connected.Components/Components/Radio.razor.cs Normal file
View File

@ -0,0 +1,31 @@
using Connected.Models;
using Microsoft.AspNetCore.Components;
namespace Connected.Components;
public partial class Radio: InputBase
{
[CascadingParameter]
public RadioGroup? ParentRadioGroup { get; set; }
[Parameter]
public bool Checked { get; set; } = false;
[Parameter, EditorRequired]
public string Id { get; set; }
[Parameter]
public EventCallback<bool> CheckedChange { get; set; }
public async Task OnChange(ChangeEventArgs args)
{
Checked = (bool)args.Value;
CheckedChange.InvokeAsync(Checked);
}
protected override async Task OnInitializedAsync()
{
await base.OnInitializedAsync();
if (ParentRadioGroup.Disabled) Disabled = true;
if (!InputAttributes.ContainsKey("disabled"))
InputAttributes.Add("disabled", Disabled);
}
}

15
src/Connected.Components/Components/RadioGroup.razor Normal file
View File

@ -0,0 +1,15 @@
@using Connected.Models;
@inherits InputBase;
<CascadingValue Value="this">
<div>
@if (!string.IsNullOrEmpty(Name))
{
<h5>@Name</h5>
}
<div class="container">
@ChildContent
</div>
</div>
</CascadingValue>

12
src/Connected.Components/Components/RadioGroup.razor.cs Normal file
View File

@ -0,0 +1,12 @@
using Microsoft.AspNetCore.Components;
namespace Connected.Components;
public partial class RadioGroup
{
[Parameter, EditorRequired]
public string Name { get; set; }
[Parameter]
public RenderFragment ChildContent { get; set; }
}