菜单导航主要用于企业网站的栏目导航位置,用来展示企业网站的栏目信息。
* * * * *
* 实现一个菜单导航:
~~~
@using EasyMvc.EasyMvcControl
@{
var data = new List<MenuItem>()
{
new MenuItem() {Id = "1", Text = "主页", Url = "http://zwc.cn"},
new MenuItem() {Id = "2", Text = "文章管理"},
new MenuItem() {Id = "3", ParentId = "2", Text = "文章删除"}
};
}
<br><br><br>
@Html.Q().Menu().SourceItems(data)
~~~
效果如下:

* 实现一个带图标的菜单导航:
~~~
@using EasyMvc.EasyMvcControl
@{
var data = new List<MenuItem>()
{
new MenuItem() {Id = "1", Text = Html.Q().Ico().Type(EasyMvcHelper.IcoType.Home).ColorGray() + "主页", Url = "http://zwc.cn"},
new MenuItem() {Id = "2", Text = Html.Q().Ico().Type(EasyMvcHelper.IcoType.Document).ColorGray() + "文章管理"},
new MenuItem() {Id = "3", ParentId = "2", Text =Html.Q().Ico().Type(EasyMvcHelper.IcoType.Del1).ColorPrimary() + "文章删除"}
};
}
<br><br><br>
@Html.Q().Menu().SourceItems(data
~~~
效果如下:

* * * * *
扩展:
|服务端方法名 |说明 |
| --- | --- |
|AsVerticalSide() |菜单导航显示为竖直菜单 |
|AsLeftSide() |菜单导航显示为靠左停靠菜单 |
