使用CSS+SiteMap+UserControl+MasterPage实现简易的Tab
2007-07-04 17:13
615 查看
我们在做网站后台管理的时候,往往需要用到Tab形式的导航菜单,博客园如此,BlogEngine也如此,前段时间研究修改BlogEngine的时候看到其Tab实现如此容易,思路不错,但是有一点使我郁闷,他的Tab标题是取文件名,而使用中文的文件名是写程序的大忌,自然就想到了Asp.Net2.0的特性Web.sitemap,我们的数据源如何不从它来,于是简单写了下,其实很简单,只需要一个样式文件,一个SiteMap,一个通用的UserControl,一个母版页。
下面是核心Code)
运行效果:
![](http://images.cnblogs.com/cnblogs_com/Hedonister/WindowsLiveWriter/CSSSiteMapUserControlMasterPageTab_F301/image_thumb.png)
源码下载:web projectTab.zip
web site Tab.rar
下面是核心Code)
protected void Page_Load(object sender, EventArgs e) { if (!Page.IsCallback) { BindMenu(); } } /// <summary> /// Binds the menu. /// </summary> private void BindMenu() { SiteMapNodeCollection smnc = SiteMap.CurrentNode.ParentNode.ChildNodes; foreach (SiteMapNode smn in smnc) { AddItem(smn.Title, smn.Url); } } /// <summary> /// Adds the item. /// </summary> /// <param name="text">The text.</param> /// <param name="url">The URL.</param> public void AddItem(string text, string url) { HtmlAnchor a = new HtmlAnchor(); a.InnerHtml = "<span>" + text + "</span>"; a.HRef = url; if (Request.RawUrl.EndsWith(url, StringComparison.OrdinalIgnoreCase)) a.Attributes["class"] = "current"; HtmlGenericControl li = new HtmlGenericControl("li"); li.Controls.Add(a); ulMenu.Controls.Add(li); }
运行效果:
![](http://images.cnblogs.com/cnblogs_com/Hedonister/WindowsLiveWriter/CSSSiteMapUserControlMasterPageTab_F301/image_thumb.png)
源码下载:web projectTab.zip
web site Tab.rar
相关文章推荐
- 实现在tabcontrol里面拖拽tabpage来设置tabpage的位置
- 解决使用MasterPage后,Page.FindControl方法找不到指定控件的问题
- 31-使用scrollView以及pageControl,NSTimer实现图片轮播
- 在MFC中使用Tab Control控件实现分页显示和跳转
- TabControl控件和TabPage的使用
- ASP.NET2.0中配合MasterPage使用的优化CSS模型
- Android Studio 使用ViewPager + Fragment实现滑动菜单Tab效果 --简易版
- 使用MasterPage后的this.FindControl()函数的问题
- 第一部分实现功能:使用一个TabControl和一个Memo和TDictionary类实现文本临时存储
- js,jq,css多方面实现简易Tab切换
- 使用纯css实现tab切换
- 使用css和js实现Tab选项卡
- 解决使用MasterPage后,Page.FindControl方法找不到指定控件的问题
- 使用JS+CSS实现tab功能
- 如何在ASP.NET 2.0 中的Master Page具体页面中 使用CSS?
- Asp.Net 2.0 开发加速之 - Ilungasoft.Helper.Web.UI.MasterPage/Page/UserControl 精装版
- ViewPagerIndicator--使用TabPageIndicator实现指针控件
- 这个是一个CSS实现的tabpage
- 使用MasterPage后的this.FindControl()函数的问题
- Event in Master Page, Content Page and User Control