|
@using Syncfusion.Blazor.Navigations
<SfMenu TValue="DataList" Items="@MenuItems" @ref="MenuObj">
<MenuFieldSettings Text="Data" Children="SubDatas"></MenuFieldSettings>
</SfMenu>
@code{
SfMenu<DataList> MenuObj;
public List<DataList> MenuItems = new List<DataList>
{
new DataList{ Data = "Company", SubDatas = new List<DataList>{
new DataList{ Data= "Overview" },
new DataList{ Data= "About" },
new DataList{ Data= "Careers" }}
},
new DataList{ Data = "Services", SubDatas = new List<DataList>{
new DataList{ Data= "Consulting" },
new DataList{ Data= "Education" },
new DataList{ Data= "Health" }}
},
new DataList{ Data = "Products", SubDatas = new List<DataList>{
new DataList{ Data = "Hardware" },
new DataList{ Data = "Software" }}
},
new DataList{ Data = "Contact Us" }
}; public class DataList
{
public string Data { get; set; }
public List<DataList> SubDatas { get; set; }
}
public MenuFieldSettings MenuFields = new MenuFieldSettings()
{
Text = new string[] { "Continent", "Country", "Language" },
Children = new string[] { "Countries", "Languages" }
};
} | 
