BulletedList

@inherits ControlComponent
<p>Click on an item in the list to raise the Click event.</p>

<asp.BulletedList BulletStyle="BulletStyle.Disc" DisplayMode="BulletedListDisplayMode.LinkButton"
                                            OnClick="this.BulletedList_Click">
                                            <asp.ListItem Value="http://www.cohowinery.com">Coho Winery</asp.ListItem>
                                            <asp.ListItem Value="http://www.contoso.com">Contoso, Ltd.</asp.ListItem>
                                            <asp.ListItem Value="http://www.tailspintoys.com">Tailspin Toys</asp.ListItem>
</asp.BulletedList>

<asp.Label @ref="this.message" FontSize="12" Width="168px" FontBold="true" />

@code {
                                            private Label message;

                                            protected void BulletedList_Click(object sender, BulletedListEventArgs e)
    {
                                            // Change the message displayed in the label based on the index
                                            // of the list item that was clicked.
                                            switch (e.Index)
        {
                                            case 0:
                message.Text = "You clicked list item 1.";
                                            break;
                                            case 1:
                message.Text = "You clicked list item 2.";
                                            break;
                                            case 2:
                message.Text = "You clicked list item 3.";
                                            break;
                                            default:
                                            throw new Exception("You did not click a valid list item.");
        }
    }
}

@inherits ControlComponent
@inject HttpClient Http
<p>Click on an item in the list.</p>

<asp.BulletedList BulletStyle="BulletStyle.Disc" DisplayMode="BulletedListDisplayMode.LinkButton"
                                            DataTextField="Summary" DataSourceID="FreeDataSource1"
                                            OnClick="this.BulletedList_Click">
</asp.BulletedList>

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

<asp.Label @ref="this.message" FontSize="12" Width="168px" FontBold="true" />

@code {
                                            private WeatherForecast[] forecasts;
                                            private Label message;

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

                                            protected void BulletedList_Click(object sender, BulletedListEventArgs e)
    {
                                            // Change the message displayed in the label based on the index
                                            // of the list item that was clicked.
                                            switch (e.Index)
        {
                                            case 0:
                message.Text = "Product 1 was clicked";
                                            break;
                                            case 1:
                message.Text = "Product 2 was clicked";
                                            break;
                                            case 2:
                message.Text = "Product 3 was clicked";
                                            break;
                                            case 3:
                message.Text = "Product 4 was clicked";
                                            break;
                                            case 4:
                message.Text = "Product 5 was clicked";
                                            break;
                                            default:
                                            throw new Exception("You must click a valid list item.");
        }
    }

                                            public class WeatherForecast
    {
                                            public DateTime Date { get; set; }

                                            public int TemperatureC { get; set; }

                                            public string Summary { get; set; }

                                            public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
    }
}