DataList

@inherits ControlComponent
@inject HttpClient Http

<asp.DataList DataSourceID="FreeDataSource1"
                                            BorderColor="black"
                                            CellPadding="5"
                                            CellSpacing="5"
                                            RepeatDirection="RepeatDirection.Vertical"
                                            RepeatLayout="RepeatLayout.Table"
                                            RepeatColumns="3">
                                            <HeaderStyle BackColor="#aaaadd">
                                            </HeaderStyle>
                                            <AlternatingItemStyle BackColor="Gainsboro">
                                            </AlternatingItemStyle>
                                            <HeaderTemplate>
        List of items
                                            </HeaderTemplate>
                                            <ItemTemplate TItem="Sample">
        Description: <br />
                                            @context.StringValue
                                            <br />
        Percent: @string.Format("{0:P2}", @context.CurrencyValue)
                                            <br />
                                            <asp.Image AlternateText="Product picture"
                                            ImageUrl="@("img/" + context.ImageValue)" />
                                            </ItemTemplate>
</asp.DataList>

<asp.FreeDataSource ID="FreeDataSource1" OnExecuteSelected="sender => this.data" />

@code {
                                            private Sample[] data;

                                            protected override async Task OnInitializedAsync()
    {
        data = await Http.GetFromJsonAsync<Sample[]>("sample-data/sample.json");
    }

                                            public class Sample
    {
                                            public int IntegerValue { get; set; }

                                            public string StringValue { get; set; }

                                            public double CurrencyValue { get; set; }

                                            public string ImageValue { get; set; }
    }
}