component does not assign value after selection from database

[franciscojml]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

Continius from Issue #5971

Here's a video showing the issue reported above.
I've added the ability to read data from a Virtual Database.

ErrorVideo.mp4

Argo Zhang_BootstrapBlazorApp2.zip

Expected Behavior

When selecting a value in the SelectTable component, I want the text value to be displayed in the component.

Interactive render mode

Interactive Server (Interactive server-side rendering (interactive SSR) using Blazor Server)

Steps To Reproduce

Step 1: Click on the advanced search button
Step 2: Select one of the items from the select Managing Unit
Step 3: After selecting the item, the modal window closes and the text value of the selected item is not displayed
Step 4: I close the advanced search modal window
Step 5: I open the advanced search screen again and the text of the selected item appears

Exceptions (if any)

No response

.NET Version

NET9.0

Anything else?

No response

[bb-auto[bot]]

@franciscojml Thank you for reporting. We will give triage later.

[ArgoZhang]

@franciscojml hi. the Select component has been updated, with a broken update.

for your example. there are several solutions:

Solution 1

update your code
add the follow line Context.ValueSubTipoPessoa = SubTipoPessoas.FirstOrDefault()?.Value;

private async Task OnSubTipoPessoa(SelectedItem item)
{
    List<SubtipoPessoa> lstSubTipoPessoa = await DatabaseService.GetSubtiposByTipoAsync(int.Parse(item.Value));

    if (lstSubTipoPessoa != null && lstSubTipoPessoa.Count > 0)
    {
        SubTipoPessoas = lstSubTipoPessoa.Select(tp =>
            new SelectedItem(
                tp.Id.ToString(),
                tp.Descricao
            )).ToList();

        // added by Argo
        Context.ValueSubTipoPessoa = SubTipoPessoas.FirstOrDefault()?.Value;
    }
}

Solution 2

use Select component new parameter IsUseActiveWhenValueIsNull for keep the old behavior. auto use the first or active item value if Value is null.

BTW: the new version 9.8.1-beta04 IsUseActiveWhenValueIsNull be changed to IsUseDefaultItemWhenValueIsNull

<div class="row g-3 pt-1">
    <div class="col-12 col-sm-4">
        <Select Items="TipoPessoas" @bind-Value="@Context.ValueTipoPessoa" ShowLabel="true" DisplayText="Type Person"
                     OnSelectedItemChanged="@OnSubTipoPessoa" IsUseActiveWhenValueIsNull="true" />
    </div>
    <div class="col-12 col-sm-4">
        <Select Items="SubTipoPessoas" @bind-Value="@Context.ValueSubTipoPessoa" ShowLabel="true" 
                     DisplayText="SubType Person" IsUseActiveWhenValueIsNull="true" />
    </div>
</div>

Final

could you give this project a star? thank you very much.