clayschaad/AccountingNext
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add autocomplete for account

Browse source
This commit is contained in:
Claudio Schaad 2025-05-15 22:01:48 +02:00
parent ff075be32d
commit a45495c296
2 changed files with 28 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
Schaad.Accounting.UI/Components/Pages/Controls/AccountSelector.razor
View file

@ -1,7 +1,9 @@
<select @bind="@AccountId" @oninput="OnInputChanged">
<option value=""></option>
@foreach (var account in Accounts.OrderBy(a => a.Number).ThenBy(a => a.Name))
{
<option value="@account.Id">@($"{account.Number} / {account.Name}")</option>
}
</select>
<FluentAutocomplete TOption="Account"
AutoComplete="off"
Autofocus="true"
MaxAutoHeight="true"
OnOptionsSearch="@OnSearchAsync"
MaximumSelectedOptions="1"
OptionText="@(account => $"{account.Number} / {account.Name}")"
SelectedOptionsChanged="OnSelectedChanged"
ValueText="@(SelectedAccount?.Name)"/>

20
Schaad.Accounting.UI/Components/Pages/Controls/AccountSelector.razor.cs
View file

@ -1,4 +1,5 @@
using Microsoft.AspNetCore.Components;
using Microsoft.FluentUI.AspNetCore.Components;
using Schaad.Accounting.Models;
namespace Schaad.Accounting.UI.Components.Pages.Controls;
@ -11,9 +12,24 @@ public partial class AccountSelector : ComponentBase
[Parameter] public EventCallback<string> AccountIdChanged { get; set; }
private async Task OnInputChanged(ChangeEventArgs e)
private Account? SelectedAccount { get; set; }
protected override void OnInitialized()
{
AccountId = e.Value?.ToString();
SelectedAccount = Accounts.FirstOrDefault(account => account.Id == AccountId);
}
private async Task OnSearchAsync(OptionsSearchEventArgs<Account> e)
{
e.Items = Accounts.Where(i => i.Name.Contains(e.Text, StringComparison.OrdinalIgnoreCase))
.OrderBy(i => i.Name);
await Task.CompletedTask;
}
public async Task OnSelectedChanged(IEnumerable<Account>? s)
{
SelectedAccount = s?.FirstOrDefault();
AccountId = SelectedAccount?.Id;
await AccountIdChanged.InvokeAsync(AccountId);
}
}