您发现什么可以为 ASP.Net 2.0 - 3.5 Web 应用程序提供最佳菜单?建议不必特别是 ASP.Net 控件,但可以是在 ASP.Net Web 应用程序中运行良好的其他菜单。
我希望这些建议是不需要购买或特许权使用费的选项。开源建议会更好。
您发现什么可以为 ASP.Net 2.0 - 3.5 Web 应用程序提供最佳菜单?建议不必特别是 ASP.Net 控件,但可以是在 ASP.Net Web 应用程序中运行良好的其他菜单。
我希望这些建议是不需要购买或特许权使用费的选项。开源建议会更好。
我发现最灵活的方法是使用 CSS 设置无序列表的样式,如下所示:
<div id="nav_main" >
<ul>
<li id="current">Button 1</li>
<li><a href="#">Button 2</a></li>
<li><a href="#">Button 3</a></li>
<li><a href="#">Button 4</a></li>
<li><a href="#">Button 5</a></li>
</ul>
</div>
您会发现许多 CSS 方法来使用悬停背景图像等设置此类列表的样式。
现在,如果您正在使用 Webforms 并且想要使用站点地图,那么我建议您使用中继器而不是使用菜单控件。通过这种方式,您可以最大程度地控制生成列表。
同样,如果您使用的是 ASP.NET MVC,则可以在站点地图上执行 foreach 以创建列表。
这当然只适用于简单的菜单,但它可以扩展到包括更复杂的菜单。我发现以下 CSS 样式的菜单非常好:http ://www.lwis.net/free-css-drop-down-menu/
YUI 按钮或菜单控件(适用于现有 HTML):
http://developer.yahoo.com/yui/examples/button/btn_example07.html
一个很好地包装了这些控件的 ASP.NET 库,于 2008 年 12 月发布:
http://www.codeplex.com/YUIAspNet/
JQuery Suckerfish 菜单,使用 ul,li 元素工作:
我也喜欢创建无序列表。它让设计师可以灵活地使用菜单。他们可以使用自己的 js+css 解决方案来创建下拉菜单或为静态菜单设置漂亮的样式。相同的 html 可以很容易地变成左手、顶部、下拉,甚至是带有 css 更改的完整站点地图。
需要注意的是,我喜欢将站点地图数据存储在分层数据结构中,并使用递归 lambda 来生成它。例如,请参阅下面的这个小型控制台应用程序及其输出。
输出html
<li><a href="/">First</a><li><a href="/firstsub.aspx">FirstSub</a></li><li><a hr
ef="/secondsub.aspx">SecondSub</a></li></li><li><a href="/second.aspx">Second</a
></li>
源代码c#
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
namespace SiteMapDemo
{
class MenuItem
{
public Guid ID {get; set;}
public Guid? ParentID{get;set;}
public string Name { get; set; }
public string Path { get; set; }
public int Rank { get; set; }
}
class Program
{
static void Main(string[] args)
{
List<MenuItem> menu = new List<MenuItem>(new[]{
new MenuItem{ID = Guid.NewGuid(), Name = "First", ParentID=null, Path="/", Rank=0},
new MenuItem{ID = Guid.NewGuid(), Name = "Second", ParentID=null, Path="/second.aspx",Rank=1},
});
menu.AddRange(new[] {
new MenuItem{ID = Guid.NewGuid(), Name = "FirstSub", ParentID=menu[0].ID, Path="/firstsub.aspx",Rank=0},
new MenuItem{ID = Guid.NewGuid(), Name = "SecondSub", ParentID=menu[0].ID, Path="/secondsub.aspx",Rank=1},
});
Func<List<MenuItem>, Guid?, string> renderMenu = null;
renderMenu = (menus, Parent) =>
{
var sub = menus.Where(m => m.ParentID == Parent).OrderBy(s=>s.Rank).ToList();
if (sub.Count > 0)
{
StringBuilder sb = new StringBuilder();
sub.ForEach(s => { sb.Append(String.Format("<li><a href=\"{0}\">{1}</a>{2}</li>", s.Path, s.Name, renderMenu(menus, s.ID))); });
return sb.ToString();
}
return "";
};
Console.Write(renderMenu(menu, null));
Console.ReadLine();
}
}
}