System.data.datable可在大火中使用吗？

Question

我是大麻店的新手，并且正试图使用​​它。 我尝试重新创建中继器，并试图使用System.Data.DataTable来绑定它，但似乎不可能这样做，而且我也找不到如何调用行的方法。

关于如何在Glazor中使用DataTable的回旋方式吗？

 <Repeater2 Items=@dtTest>
    <RepeaterContainerTemplate Context=ItemsContent>
        <table class="table table-condensed table-bordered">
            <thead>
                <tr>
                    <th class="text-center">Text A</th>
                    <th class="text-center">Text B</th>
                    <th class="text-center">Text C</th>
                </tr>
             </thead>
             <tbody>
                   @ItemsContent
             </tbody>
         </table>
     </RepeaterContainerTemplate>
     <ItemTemplate Context=test>
         <tr>
             <td class="text-center">@test["Text_A"]</td>
             <td class="text-center">@test["Text_B"]</td>
             <td class="text-center">@test["Text_C"]</td>
         </tr>                 
     </ItemTemplate>
 </Repeater2>

Answer 1

这不是在大火中做事的方法。我将Dapper用于我的SQL查询，并且我的数据方法返回键入list。这使得Linq可以在标记中的循环中对我的查询进行排序，过滤或以其他方式操纵我的查询结果非常容易。这比在Winforms或WebForms中所做的事情要容易得多，在Winforms或WebForms中，您必须在CodeBehind中使用数据表，行等。

您不必创建一个中继器或任何ASP.NET Web表单列表对象，因为现在您可以在标记中使用C＃逻辑来决定渲染内容以及如何渲染，并且根据我的经验，这是无限的。

Answer 2

您可以使用System.Data.Databable在Glazor应用程序中，

这是您的HTML，

@using System.Data

<table class="table table-condensed table-bordered">
    <thead>
        <tr>
            <th class="text-center">Text A</th>
            <th class="text-center">Text B</th>
            <th class="text-center">Text C</th>
        </tr>
    </thead>
    <tbody>
        @foreach (DataRow row in table.Rows)
        {
            <td class="text-center">@row["TextA"]</td>
            <td class="text-center">@row["TextB"]</td>
            <td class="text-center">@row["TextC"]</td>
        }
    </tbody>
</table>

这是您的代码

@code {    
    private System.Data.DataTable table;
    
    protected override void OnInitialized()
    {
        table = new();

        table.Columns.Add("TextA");
        table.Columns.Add("TextB");
        table.Columns.Add("TextC");

        var row = table.NewRow();
        row["TextA"] = "Text_A";
        row["TextB"] = "Text_B";
        row["TextC"] = "Text_C";

        table.Rows.Add(row);
    }    
}

Answer 3

您可以在互联网上的许多网站上找到与此类似的东西，因此我基本上只是在反思现有的东西。

mytable.razor

@typeparam TRow

@if (this.HeaderRow is not null && this.DataRow is not null && this.DataTable is not null && this.Show)
{
    <table @attributes=UserAttributes>
        <thead>
        <tr>
            @this.HeaderRow
        </tr>
        </thead>
        <tbody>
        @foreach (var item in DataTable)
        {
            <tr>
                @this.DataRow(item)
            </tr>
        }
        </tbody>
    </table>
}

@code {
    [Parameter] public bool Show { get; set; }
    [Parameter] public IEnumerable<TRow>? DataTable { get; set; }
    [Parameter] public RenderFragment? HeaderRow { get; set; }
    [Parameter] public RenderFragment<TRow>? DataRow { get; set; }
    [Parameter(CaptureUnmatchedValues = true)] public IDictionary<string, object> UserAttributes { get; set; } = new Dictionary<string, object>();
}

，这是使用组件的fetchdata的版本。

@page "/fetchdata"
<PageTitle>Weather forecast</PageTitle>
@inject WeatherForecastService ForecastService

<h1>Weather forecast</h1>

<p>This component demonstrates fetching data from a service.</p>

<BaseTable TRow=WeatherForecast DataTable=this.forecasts Show=this.show class="table">
    <HeaderRow>
        <th>Date</th>
        <th>Temp. (C)</th>
        <th>Temp. (F)</th>
        <th>Summary</th>
    </HeaderRow>
    <DataRow>
        <td>@context.Date.ToShortDateString()</td>
        <td>@context.TemperatureC</td>
        <td>@context.TemperatureF</td>
        <td>@context.Summary</td>
    </DataRow>
</BaseTable>

@code {
    private WeatherForecast[]? forecasts;
    private bool show => forecasts is not null;
    protected override async Task OnInitializedAsync()
    {
        forecasts = await ForecastService.GetForecastAsync(DateTime.Now);
    }
}

请注意，我将始终使用适当的视图服务进行我的数据管理，因此WeatherForecast []将生活在该服务中而不是UI中。