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); } }