Bootstrap Blazor enterprise-level UI component library

Enterprise-level component library based on Bootstrap and Blazor

Table Lookup

Used to automatically convert foreign key columns to `Text` display text

Lookup external data source

Auto-translate display text by setting Lookup

Demo

In this example, by setting the Lookup value of the Complete column to the value

DataSource = new List<SelectedItem>
{
    new SelectedItem { Value = "True", Text = Pass },
    new SelectedItem { Value = "False", Text = Failed }
};

The component automatically converts Complete to a preset in the DataSource collection

In this example, the ILookupService service is used for unified processing, and the Lookup data collection is obtained from the service by setting the LookupServiceKey value

@inject IStringLocalizer<Foo> Localizer

<div>
    @if (Items != null)
    {
        <Table TItem="Foo" Items="@Items.Take(3)">
            <TableColumns>
                <TableColumn @bind-Field="@context.DateTime" Width="180" />
                <TableColumn @bind-Field="@context.Name" />
                <TableColumn @bind-Field="@context.Complete" LookupServiceKey="Foo.Complete" />
            </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 List<Foo>? Items { get; set; }

    /// <summary>
    /// OnInitialized
    /// </summary>
    protected override async Task OnInitializedAsync()
    {
        await base.OnInitializedAsync();

        await Task.Delay(200);
        //获取随机数据
        //Get random data
        Items = Foo.GenerateFoo(Localizer);
    }
}

B station related video link

交流群

QQ Group：BootstrapAdmin & Blazor 795206915 675147445 Welcome to join the group discussion

Table Lookup

Used to automatically convert foreign key columns to Text display text

Demo

Bootstrap Blazor Component library updated to 7.4.5-beta01

Used to automatically convert foreign key columns to `Text` display text