内容页中操作MasterPage里的用户控件

      前段时间无意中下了个用css制作TabMenu 的小工具 CSS Tab Designer 2，里面有几个Demo挺好看的。正好最近做网站有这方面的需要，所以就稍作改动拿了进来.....
      呵呵，上面就是一个引子，接下来进入正题。在现在的这个网站里，我用到了母版页。在这母版页的好处我就不赘述了，反正是省事多了。根据设计的要求，网站的导航要放在页面的左侧，【导航效果就是我弄的那个TabMenu】。我的做法是直接做成个用户控件放在母版页里，因为根据以往的规律，设计肯定还会要求当前页对应的Menu要高亮显示；做成用户控件，可以给控件添加一个属性，在调用的时候为属性赋值，用户控件可以根据这个属性来处理哪个Menu高亮显示。
      想法是不错，实际做起来，就出问题了。用于以前开发中用的都是用户控件，像现在这种情况，直接在使用页面里托个TabMenu的用户控件，然后给属性赋个值，就OK了。但现在用到了母版页，问题就不一样了。可不可以，在内容也中操作母版页中的这个用户控件，动态给他的属性赋值呢？答案当然是可以。只要在内容页中加上<%@ MasterType VirtualPath="~/Index.master" %>，咱就可以访问MasterPage里的控件了。就这样，一路调试、修改下去，哈哈，终于实现了。
      哎呀，表达能力太差，还是给大家看代码吧：
a.用户控件：

  1<%@ Control Language="C#" AutoEventWireup="true" CodeFile="TabMenu.ascx.cs" Inherits="UserControl_TabMenu" %>
  2<style type="text/css">
  3<!--
  4body {}{
  5        font-family: Verdana, Arial, Helvetica, sans-serif;
  6        margin: 0;
  7        font-size: 80%;
  8        font-weight: bold;
  9        background: #FFF;
 10        }
 11
 12ul {}{
 13        list-style: none;
 14        margin: 0;
 15        padding: 0px;
 16        }
 17
 18img {}{
 19    border: none;
 20}
 21
 22/**//*- Menu --------------------------- */
 23
 24#menu {}{
 25        width: 175px;
 26        margin: 10px;
 27        }
 28
 29#menu li a {}{
 30        height: 32px;
 31          voice-family: "\"}\"";
 32          voice-family: inherit;
 33          height: 24px;
 34        text-decoration: none;
 35        }
 36
 37#menu li a:link, #menu li a:visited {}{
 38        color: #4D4D4D;
 39        display: block;
 40        background:  url(/App_Themes/Default/Web/Tab/menu.gif) no-repeat;
 41        padding: 8px 0 0 10px;
 42        }
 43
 44#menu li a:hover, #menu li #current {}{ {
 45        color: #FF9834;
 46        background:  url(/App_Themes/Default/Web/Tab/menu.gif) 0 -32px no-repeat;
 47        padding: 8px 0 0 10px;
 48        }
 49-->
 50</style>
 51    <div id="menu">
 52        <ul>
 53            <!-- CSS Tabs -->
 54            <li id="liHome" runat="server"><a href="Home.html">Home</a></li>
 55            <li id="liProduct" runat="server"><a href="Products.html">Products</a></li>
 56            <li id="liService" runat="server"><a href="Services.html">Services</a></li>
 57            <li id="liNews" runat="server"><a href="News.html">News</a></li>
 58            <li id="liAbout" runat="server"><a href="About.html">About</a></li>
 59        </ul>
 60    </div>
 61//===============下面是.cs代码======
 62private const string urlHome = "<a id='current' href='Home.html'>Home</a>";
 63    private const string urlProduct = "<a id='current' href='Product.html'>Home</a>";
 64    private const string urlService = "<a id='current' href='Service.html'>Home</a>";
 65    private const string urlNews = "<a id='current' href='News.html'>Home</a>";
 66    private const string urlAbout = "<a id='current' href='About.html'>Home</a>";
 67
 68
 69    private string anchorID="Home";
 70
 71    public string AnchorID
 72    {
 73        get
 74        {
 75            return anchorID;
 76        }
 77        set
 78        {
 79            anchorID = value;
 80        }
 81    }
 82
 83    protected void Page_Load(object sender, EventArgs e)
 84    {
 85        if (!this.IsPostBack)
 86        {
 87            HtmlGenericControl li = null;
 88            switch (AnchorID)
 89            {                    
 90                case "Home":
 91                    li = (HtmlGenericControl)(this.FindControl("li" + AnchorID));
 92                    li.InnerHtml = urlHome;
 93                    break;
 94                case "Product":
 95                    li = (HtmlGenericControl)(this.FindControl("li" + AnchorID));
 96                    li.InnerHtml = urlProduct;
 97                    break;
 98                case "Service":
 99                    li = (HtmlGenericControl)(this.FindControl("li" + AnchorID));
100                    li.InnerHtml = urlService;
101                    break;
102                case "News":
103                    li = (HtmlGenericControl)(this.FindControl("li" + AnchorID));
104                    li.InnerHtml = urlNews;
105                    break;
106                case "About":
107                    li = (HtmlGenericControl)(this.FindControl("li" + AnchorID));
108                    li.InnerHtml = urlAbout;
109                    break;
110                default:
111                    li = (HtmlGenericControl)(this.FindControl("li" + AnchorID));
112                    li.InnerHtml = urlHome;
113                    break;
114            }
115        }
116    }

2.用户控件

 1protected void Page_Load(object sender, EventArgs e)
 2    {
 3        if (!this.IsPostBack)
 4        {
 5//动态访问 导航用户控件
 6        ASP.usercontrol_tabmenu_ascx tabMenu = (ASP.usercontrol_tabmenu_ascx)Master.FindControl("TabMenu1");
 7        if (tabMenu != null)
 8        {
 9            tabMenu.AnchorID = "Service";
10        }
11    }
12    }

还需要注意的是：1.css的大小写[因为这个，效果显示不出来，害我调试了半天]
                                   2.css 效果防止覆盖，因为我在站点里用到了App_Theme,本来以为将TabMenu 用到的css根代码放一块，就不会被App_Theme里的css覆盖，但结果是被覆盖了。