web-dev-qa-db-ja.com

BlazorとC#を使用してHTMLテーブルデータを更新

SQL Server Expressからデータを取得するMy DataModelからHTMLテーブルを作成するためのfor Loopがある状況があります。テーブルデータが更新されるだけでフルページではなくフルページではなく、フルページではなく、データモーデルから最新のデータを取得し、それに応じてテーブルを更新する方法がある場合は、自動更新方法を作成することが可能な場合は知りたいです。

私はBlazorとC#に新たになり、あらゆるヘルプが理解されるでしょう、現在のページ構造は現在次のように見えます:

@page "/employees"

@using DataLib;

@inject IEmployeeData _db

@if (employees is null)
{
    <p style="color:white;"><em>Loading . . .</em></p>
}
else
{
    <table class="table" id="myTable">
        <thead>
            <tr>
                <th>Entry Date</th>
                <th>Employee</th>
            </tr>
        </thead>
        <tbody>
            @foreach (var employee in employees)
            {
                <tr>
                    <td>@employee.EntryDate</td>
                    <td>@employee.POI</td>
                </tr>
            }
        </tbody>
    </table>
}

@code{
    private List<EmployeeModel> employees;

    protected override async Task OnInitializedAsync()
    {
        employees = await _db.GetEmployee();
    }

}
 _

上記はこのページをロードしているとき、そして私が手動の更新をするときに完璧です。

あなたが私を助けることができるような方法はありますか?

ありがとう。

3
Brakkie101

Mathias Z.

この答えが善のために取られていないのかは理解していませんが、私のために私が望むことすべてです、statehaschanged();まだJavaScriptを使用していないからです。

    public MyConstructor()
    {
        _My_collection_.CollectionChanged += Change_EventArgs;
    }

    void Change_EventArgs(object sender, EventArgs e) 
    {  
        StateHasChanged();
    } 
 _
1
Hunab Ku