@using Syncfusion.EJ2.Blazor.DropDowns
<EjsDropDownList Placeholder="NewshaCategory" ID="NewshaCategory" TValue="string" EnableRtl="true" AllowFiltering=true IgnoreAccent=true DataSource="@NewshaCategoriesList">
<DropDownListFieldSettings Value="ID" Text="Text"></DropDownListFieldSettings>
<Syncfusion.EJ2.Blazor.DropDowns.DropDownListEvents TValue="string" ValueChange="NewshaCategorySelected"></Syncfusion.EJ2.Blazor.DropDowns.DropDownListEvents>
</EjsDropDownList>
<p>@Description1</p>
@code{
public class Games
{
public string ID { get; set; }
public string Text { get; set; }
}
List<Games> NewshaCategoriesList = new List<Games> {
new Games() { ID= "Game1", Text= "American Football" },
new Games() { ID= "Game2", Text= "Badminton" },
new Games() { ID= "Game3", Text= "Basketball" },
new Games() { ID= "Game4", Text= "Cricket" },
new Games() { ID= "Game5", Text= "Football" },
new Games() { ID= "Game6", Text= "Golf" },
new Games() { ID= "Game7", Text= "Hockey" },
new Games() { ID= "Game8", Text= "Rugby"},
new Games() { ID= "Game9", Text= "Snooker" },
new Games() { ID= "Game10", Text= "Tennis"},
};
public string Description1 { get; set; }
public void NewshaCategorySelected(Syncfusion.EJ2.Blazor.DropDowns.ChangeEventArgs<string> args)
{
Description1 = "hello";
}
} |