kocoded/oqtane.framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #3055 from leigh-pointer/AutoCompleteRequired

Browse Source 
Extended AutoComplete control to allow the Required attribute
This commit is contained in:
Shaun Walker 2023-08-02 14:53:14 -04:00 committed by GitHub
commit 1d77ba2694
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 36 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
Oqtane.Client/Modules/Controls/AutoComplete.razor
View File

@ -2,7 +2,7 @@
@inherits LocalizableComponent @inherits LocalizableComponent
<div class="app-autocomplete"> <div class="app-autocomplete">
<input class="form-control" value="@Value" @oninput="OnInput" @onkeyup="OnKeyUp" placeholder="@Placeholder" autocomplete="off" /> <input class="form-control" value="@Value" @oninput="OnInput" @onkeyup="OnKeyUp" placeholder="@Placeholder" autocomplete="off" @attributes="InputAttributes" />
@if (_results != null) @if (_results != null)
{ {
<select class="form-select" style="position: relative;" value="@Value" size="@Rows" @onkeyup="OnKeyUp" @onchange="(e => OnChange(e))"> <select class="form-select" style="position: relative;" value="@Value" size="@Rows" @onkeyup="OnKeyUp" @onchange="(e => OnChange(e))">
@ -29,27 +29,48 @@
</div> </div>
@code { @code {
Dictionary<string, string> _results; Dictionary<string, string> _results;
Dictionary<string, object> InputAttributes { get; set; } = new();
[Parameter] [Parameter]
public Func<string, Task<Dictionary<string, string>>> OnSearch { get; set; } // required - an async delegate method which accepts a filter string parameter and returns a dictionary public Func<string, Task<Dictionary<string, string>>> OnSearch { get; set; } // required - an async delegate method which accepts a filter string parameter and returns a dictionary
[Parameter] [Parameter]
public int Characters { get; set; } = 3; // optional - number of characters before search is initiated public int Characters { get; set; } = 3; // optional - number of characters before search is initiated
[Parameter] [Parameter]
public int Rows { get; set; } = 3; // optional - number of result rows to display public int Rows { get; set; } = 3; // optional - number of result rows to display
[Parameter] [Parameter]
public string Placeholder { get; set; } // optional - placeholder input text public string Placeholder { get; set; } // optional - placeholder input text
[Parameter] [Parameter]
public string Value { get; set; } // value of item selected public string Value { get; set; } // value of item selected
[Parameter] [Parameter]
public string Key { get; set; } // key of item selected public string Key { get; set; } // key of item selected
private async Task OnInput(ChangeEventArgs e) [Parameter]
public bool Required { get; set; } // optional - if the item is required
protected override void OnParametersSet()
{
if (Required)
{
if (!InputAttributes.ContainsKey(nameof(Required)))
{
InputAttributes.Add(nameof(Required), true);
}
}
else
{
if (InputAttributes.ContainsKey(nameof(Required)))
{
InputAttributes.Remove(nameof(Required));
}
}
}
private async Task OnInput(ChangeEventArgs e)
{ {
Value = e.Value?.ToString(); Value = e.Value?.ToString();
if (Value?.Length >= Characters) if (Value?.Length >= Characters)