ASP.Net中利用CSS實現(xiàn)多界面的兩種方法

字號:


    本文實例講述了ASP.Net中利用CSS實現(xiàn)多界面的兩種方法。分享給大家供大家參考。具體實現(xiàn)方法如下:
    可以通過使頁面動態(tài)加載不同CSS來實現(xiàn)多界面的效果:
    方法一:
    復制代碼 代碼如下:< language="C#"%>
    <namespace="System.Data"%>
    <script language="c#" runat="server">
    public void page_load(Object obj,EventArgs e)
    {
    //創(chuàng)建服務器端控件.
    //指定的標記"LINK"初始化此類的新實例.
    HtmlGenericControl objLink=new HtmlGenericControl("LINK");
    objLink.ID=ID;
    objLink.Attributes["rel"]="stylesheet";
    objLink.Attributes["type"]="text/css";
    objLink.Attributes["href"]="portal.css";
    //此控件不產(chǎn)生任何可見輸出,僅作為其他控件的容器,可在其中添加,插入或移除控件.
    MyCSS.Controls.Add(objLink);
    }
    </script>
    <html>
    <head>
    <title>c#</title>
    <asp:placeholder id="MyCSS" runat="server"></asp:placeholder>
    </head>
    <body bgColor="#ffcc66">
    <form runat="server">
    </form>
    </body>
    </html>
    通過動態(tài)設置頁面所有同類型控件的樣式來該變界面:
    方法二:
    可以通過改變WEB控件的CssClass屬性,可方便地設置和修改控件的樣式。
    但在實際開發(fā)過程中,一個個地設置控件的CssClass屬性,非常繁瑣,所以此思路應用不廣.
    但下面的代碼段演示了一次性改變頁面所有同類型控件的樣式的方法,可以實現(xiàn)簡單的SKIN等功能。
    代碼如下:
    復制代碼 代碼如下:public void page_load(Object obj,EventArgs e)
    {
    if(!Page.IsPostBack){
    //為頁面的所有控件設置樣式.
    SetCSS(Page.Controls);
    }
    }
    private void SetCSS(System.Web.UI.ControlCollection vControls)
    {
    for(int i=0;i<vControls.Count;i++)
    {
    System.Web.UI.Control vControl=vControls[i];
    //得到控件的類型
    //可增加控件類型及相應處理方法
    string PType=vControl.GetType().Name;
    switch (PType)
    {
    case "TextBox":
    TextBox_CSS ((TextBox) vControl);
    break;
    case "Button":
    //Button_CSS ((Button) vControl);
    break;
    case "DataGrid":
    //DataGrid_CSS ((DataGrid) vControl);
    break;
    }
    if(vControl.Controls.Count>0)
    SetCSS(vControl.Controls);
    }
    }
    private void TextBox_CSS(TextBox tb){
    tb.CssClass="TextBox_show";
    }
    <form runat="server">
    <asp:textbox id="Search1" runat="server"/>
    <asp:textbox id="Search2" CssClass="INPUT" runat="server"/>
    </form>
    運行后,查看頁面源碼.可發(fā)現(xiàn)文本框的樣式已統(tǒng)一修改為"TextBox_show".
    希望本文所述對大家的asp.net程序設計有所幫助。