Enterprise-level component library based on Bootstrap and Blazor

star nuget license download repo commit master coverage

Empty

Sub Title PlaceHolder

Just add Empty tag

Demo
No Data

Just set the Image property

Demo
No data at this time

The inner set renders custom components Template labels

Demo

Attributes

Loading...
@page "/empties"
@inject NavigationManager NavigationManager

<h3>@Title</h3>
<h4>@SubTitle</h4>

<DemoBlock Title="Basic usage" Introduction="Just add <code> Empty </code> tag" Name="Normal">
    <Empty />
</DemoBlock>

<DemoBlock Title="Set the path to the empty state picture" Introduction="Just set the <code>Image </code> property" Name="Image">
    <Empty Image="https://gw.alipayobjects.com/zos/antfincdn/ZHrcdLPrvN/empty.svg" Width="133" Text="No data at this time" />
</DemoBlock>

<DemoBlock Title="Customize the empty state template" Introduction="The inner set renders custom components <code> Template </code> labels" Name="Template">
    <Empty Image="_content/BootstrapBlazor.Shared/images/empty.svg">
        <Template>
            <Button OnClick="@(()=>NavigationManager.NavigateTo("components"))">Go back to the previous page</Button>
        </Template>
    </Empty>
</DemoBlock>

<AttributeTable Items="@GetAttributes()" />

// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
// Website: https://www.blazor.zone or https://argozhang.github.io/

using BootstrapBlazor.Shared.Common;
using Microsoft.AspNetCore.Components;
using Microsoft.Extensions.Localization;
using System.Collections.Generic;
using System.Diagnostics.CodeAnalysis;

namespace BootstrapBlazor.Shared.Samples;

/// <summary>
/// 
/// </summary>
public partial class Empties
{

    /// <summary>
    /// 
    /// </summary>
    [Parameter]
    public string? Title { get; set; }

    /// <summary>
    /// 
    /// </summary>
    [Parameter]
    public string? SubTitle { get; set; }

    /// <summary>
    /// 
    /// </summary>
    [Inject]
    [NotNull]
    private IStringLocalizer<Empties>? Localizer { get; set; }

    /// <summary>
    /// 
    /// </summary>

    protected override void OnInitialized()
    {
        base.OnInitialized();
        Title = Localizer[nameof(Title)];
        SubTitle = Localizer[nameof(SubTitle)];
    }

    /// <summary>
    /// 获得属性方法
    /// </summary>
    /// <returns></returns>
    private IEnumerable<AttributeItem> GetAttributes() => new[]
    {
            // TODO: 移动到数据库中
            new AttributeItem() {
                Name = "Image",
                Description = Localizer["Image"],
                Type = "string",
                ValueList = " — ",
                DefaultValue = " — "
            },
            new AttributeItem() {
                Name = "Text",
                Description =  Localizer["Text"],
                Type = "string",
                ValueList = " — ",
                DefaultValue = Localizer["TextDefaultValue"]
            },
            new AttributeItem() {
                Name = "Width",
                Description =  Localizer["Width"],
                Type = "string",
                ValueList = " — ",
                DefaultValue = " 100 "
            },
            new AttributeItem() {
                Name = "Height",
                Description =  Localizer["Height"],
                Type = "string",
                ValueList = " — ",
                DefaultValue = " 100 "
            },
            new AttributeItem() {
                Name = "Template",
                Description =  Localizer["Template"],
                Type = "RenderFragment",
                ValueList = " — ",
                DefaultValue = " — "
            },
            new AttributeItem() {
                Name = "ChildContent",
                Description =  Localizer["ChildContent"],
                Type = "RenderFragment",
                ValueList = " — ",
                DefaultValue = " — "
            }
        };
}

B 站相关视频链接

暂无

交流群

QQ Group:BootstrapAdmin & Blazor 795206915 675147445 Welcome to join the group discussion
Themes
Bootstrap
Motronic
Ant Design (完善中)
LayUI (完善中)
An error has occurred. This application may no longer respond until reloaded. Reload