component does not assign value after selection

[franciscojml]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

I have a table with a series of data and I have enabled the advanced search feature. I am using the SearchTemplate feature to customize the search fields.

One of the search fields has a SelectTable component for selecting one of the values, however, when selecting a value, the select modal closes but the selected value does not appear in the text of the SelectTable component.

The text value only appears if I close the advanced search modal and open it again.

Attached is a video showing the problem.

Debugging the code, after selecting a value, the GetTextCallback function of the SelectTable component is not being executed.

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 filing this issue. In order for us to investigate this issue, please provide a minimalistic repro project that illustrates the problem.

[franciscojml]

Attached is a simple project that demonstrates the same problems.
Attached is the image with the steps to reproduce the problem.

When selecting any item in the SelectTable "Items" component, the value is not filled in.
The same behavior occurs with the Cascader component with Two-way binding.

BootstrapBlazorApp2.Server.zip

[franciscojml]

These images were captured from a corporate solution, I cannot share the solution repository.

But if you use the example project and place the mentioned components, you can reproduce the error.

[franciscojml]

Attached is the adjusted project with the components that do not maintain the state of the information when clicking the Query button.
Argo Zhang_BootstrapBlazorApp2.zip

[ArgoZhang]

@franciscojml

<div class="col-12 col-sm-6 pt-1">
    <SelectTable TItem="Foo" @bind-Value="@Context.FooTeste" OnQueryAsync="OnFilterQueryAsync" GetTextCallback="@GetTextCallback"
                 SkipValidate="false" ShowSearch="false" IsPagination="true" PageItemsSource="PageItemsSourceFoo" ShowLabel="true"
                 DisplayText="Items">
        <TableColumns Context="cxt">
            <TableColumn @bind-Field="@cxt.Name" Sortable="true" Filterable="true" Text="@Localizer["Sigla"]" />
        </TableColumns>
    </SelectTable>
</div>
<div class="row g-2 pt-1">
    <div class="col-12 col-sm-6 pt-1">
        <BootstrapInput readonly @bind-Value="@Value" ShowLabel="true" DisplayText="Cascader select" />
    </div>
</div>

Should bind the property on Context. like SelectTable @bind-Value="@Context.FooTeste"

[ArgoZhang]

@franciscojml any progress?

[franciscojml]

I am testing the suggestions on the real corporate project, as soon as I complete the tests I will comment on the Issue.