Spiga

使用CSS+SiteMap+UserControl+MasterPage实现简易的Tab

2007-07-04 17:13 by 冰戈, 3283 visits, 收藏, 编辑
我们在做网站后台管理的时候,往往需要用到Tab形式的导航菜单,博客园如此,BlogEngine也如此,前段时间研究修改BlogEngine的时候看到其Tab实现如此容易,思路不错,但是有一点使我郁闷,他的Tab标题是取文件名,而使用中文的文件名是写程序的大忌,自然就想到了Asp.Net2.0的特性Web.sitemap,我们的数据源如何不从它来,于是简单写了下,其实很简单,只需要一个样式文件,一个SiteMap,一个通用的UserControl,一个母版页。

 

下面是核心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);
        }

运行效果:

image

源码下载:web projectTab.zip
          web site Tab.rar

Add your comment

18 条回复

  1. #1楼 YAO.NET(三千)℡      2007-07-04 17:29
    好.下了.
     回复 引用 查看   
  2. #2楼 webq2007-07-04 17:51
    还有非洲亲戚访问你呢
     回复 引用   
  3. #3楼[楼主] 冰戈      2007-07-04 17:51
    欢迎提建议,:)
     回复 引用 查看   
  4. #4楼 旌浪      2007-07-04 18:36
    什么版本的, 我用vs2005怎麼打不開專案?
     回复 引用 查看   
  5. #5楼[楼主] 冰戈      2007-07-04 19:46
    不好意思,我用的web工程,需要vs2005sp1
     回复 引用 查看   
  6. #6楼 YAO.NET(三千)℡      2007-07-04 20:50
    我也打不开.
     回复 引用 查看   
  7. #7楼[楼主] 冰戈      2007-07-04 22:14
    重新用website做了个demo
    加在上面了,不好意思
     回复 引用 查看   
  8. #8楼 Cat Chen      2007-07-04 23:10
    建议参考其他支持SiteMap控件的做法,允许用户指定DataSource或DataSourceID。因为SiteMap设计为支持多个SiteMapProvider,而绑定到控件时可以绑定特定SiteMapProvider的根节点。
     回复 引用 查看   
  9. #9楼 五年      2007-07-04 23:54
    通用性不够强
    如果能做成控件一样用,就好了
     回复 引用 查看   
  10. #10楼 五年      2007-07-04 23:55
    BlogEngine
    是个什么程序,介绍下,我还没听过呢?
     回复 引用 查看   
  11. #11楼 YAO.NET(三千)℡      2007-07-05 09:09
    @五年
    BlogEngine是一个asp.net2.0开发的blog程序,使用xml存储数据.这有篇文章:
    http://www.cnblogs.com/jisiki/archive/2007/04/20/721217.html
     回复 引用 查看   
  12. #12楼 YAO.NET(三千)℡      2007-07-05 09:11
    现在能使用了.两个下载链接全一样啊.
    五年说通用性不够强,我想这只是抛砖引玉,比直接给你一个现成的功能强大的dll要好吧,知其原理接下来就可以自己去开发扩充喽.
     回复 引用 查看   
  13. #13楼[楼主] 冰戈      2007-07-05 09:24
    @YAO.NET(三千)℡
    已修正,另外我的意思也是抛砖引玉,需要扩展自己去整,呵呵
     回复 引用 查看   
  14. #14楼 Anders Liu      2007-07-05 11:27
    有点意思~
    但这算不算hack应用啊? SiteMap本来是做“面包屑”的,现在摇身一变成了导航?
     回复 引用 查看   
  15. #15楼 sinoese      2007-07-06 00:16
    顶下,并求助http://www.cnblogs.com/sinoese/archive/2007/07/05/807768.html
     回复 引用 查看   
  16. #16楼 ColdDog      2007-07-06 10:57
    有创意是好事~
     回复 引用 查看   
  17. #17楼 一抹微蓝2007-07-17 10:08
    怎么读取指定的sitemap,而不是web.sitemap;
    因为web.sitemap已经做为全站的使用了,记取有问题。
     回复 引用   
  18. #18楼 Joyaspx      2008-11-05 10:28
    看了楼主的demo了,很不错,而且这种应用应该也比较广泛!
     回复 引用 查看