Bootstrap Blazor enterprise-level UI component library

Enterprise-level component library based on Bootstrap and Blazor

Example Razor C#Video

Table table

Applicable to application scenarios where parent and child tables are submitted together

tracking mode

Set IsTracking with Items without setting OnSaveAsync and other callback methods

Demo

The prompt information of the Save Delete button can be turned off by setting ShowToastAfterSaveOrDeleteModel='false'

All data editing in this mode edits the original data and updates the data source through bind-Items, so no Cancel button is provided

<div>
    <Table TItem="Foo" IsTracking="true" @bind-Items="Items" ShowToastAfterSaveOrDeleteModel="false"
           IsBordered="true" IsMultipleSelect="true" ShowToolbar="true" ShowExtendButtons="true">
        <TableColumns>
            <TableColumn @bind-Field="@context.DateTime" Width="180" />
            <TableColumn @bind-Field="@context.Name" />
            <TableColumn @bind-Field="@context.Address" />
        </TableColumns>
    </Table>
</div>

@code {
    /// <summary>
    /// Foo 类为Demo测试用，如有需要请自行下载源码查阅
    /// Foo class is used for Demo test, please download the source code if necessary
    /// https://gitee.com/LongbowEnterprise/BootstrapBlazor/blob/main/src/BootstrapBlazor.Shared/Data/Foo.cs
    /// </summary>
    [NotNull]
    private IEnumerable<Foo>? Items { get; set; }

    [Inject]
    [NotNull]
    private IStringLocalizer<Foo>? LocalizerFoo { get; set; }

    /// <summary>
    /// OnInitialized 方法
    /// </summary>
    protected override void OnInitialized()
    {
        base.OnInitialized();

        Items = Foo.GenerateFoo(LocalizerFoo, 4);
    }
}

@page "/tables/tracking"
@inject IStringLocalizer<TablesTracking> Localizer

<h3>@Localizer["TablesTrackingTitle"]</h3>
<h4>@Localizer["TablesTrackingDescription"]</h4>

<DemoBlock Title="@Localizer["TablesTrackingNormalTitle"]"
           Introduction="@Localizer["TablesTrackingNormalIntro"]"
           Name="Normal"
           Demo="typeof(Demos.Table.TablesTracking.TablesTrackingNormal)">
    <p>@((MarkupString)Localizer["TablesTrackingNormaltips1"].Value)</p>
    <p>@((MarkupString)Localizer["TablesTrackingNormaltips2"].Value)</p>
</DemoBlock>

Table table

Applicable to application scenarios where parent and child tables are submitted together

Demo

Bootstrap Blazor Component library updated to 7.2.5-beta02