• 在ASP.Net中两种利用CSS实现多界面


    通过使页面动态加载不同CSS实现多界面

    方法一:

    <%@page language="C#"%> 
    <%@import namespace="System.Data"%> 
    <script language="c#" runat="server"> 
    public 
    void page_load(Object obj,EventArgs e) 

    //创建服务器端控件. 
    //
    指定的标记"LINK"初始化此类的新实例. 
    HtmlGenericControl objLink=new HtmlGenericControl("LINK"); 
    objLink.ID
    =ID; 
    objLink.Attributes[
    "rel"]="stylesheet"
    objLink.Attributes[
    "type"]="text/css"
    objLink.Attributes[
    "href"]="portal.css"

    //此控件不产生任何可见输出,仅作为其他控件的容器,可在其中添加,插入或移除控件. 
    MyCSS.Controls.Add(objLink); 
    }
     
    </script> 
    <html> 
    <head> 
    <title>c#</title> 
    <asp:placeholder id="MyCSS" runat="server"></asp:placeholder> 
    </head> 
    <body bgColor="#ffcc66" style="FONT:9pt"> 
    <form runat="server"> 

    </form> 
    </body> 
    </html> 

    通过动态设置页面所有同类型控件的样式来该变界面:

    方法二:

    可以通过改变WEB控件的CssClass属性,可方便地设置和修改控件的样式。
    但在实际开发过程中,一个个地设置控件的CssClass属性,非常繁琐,所以此思路应用不广.
    但下面的代码段演示了一次性改变页面所有同类型控件的样式的方法,可以实现简单的SKIN等功能。

    代码如下:

     1public void page_load(Object obj,EventArgs e) 
     2
     3if(!Page.IsPostBack)
     4//为页面的所有控件设置样式. 
     5SetCSS(Page.Controls); 
     6}
     
     7}
     
     8
     9private void SetCSS(System.Web.UI.ControlCollection vControls) 
    10
    11for(int i=0;i<vControls.Count;i++
    12
    13System.Web.UI.Control vControl=vControls[i]; 
    14
    15//得到控件的类型 
    16//可增加控件类型及相应处理方法 
    17string PType=vControl.GetType().Name; 
    18switch (PType) 
    19
    20case "TextBox"
    21TextBox_CSS ((TextBox) vControl); 
    22break
    23case "Button"
    24//Button_CSS ((Button) vControl); 
    25break
    26case "DataGrid"
    27//DataGrid_CSS ((DataGrid) vControl); 
    28break
    29}
     
    30if(vControl.Controls.Count>0
    31SetCSS(vControl.Controls); 
    32}
     
    33}
     
    34
    35
    36private void TextBox_CSS(TextBox tb)
    37tb.CssClass="TextBox_show"
    38}
     

    <form runat="server"> 
    <asp:textbox id="Search1" runat="server"/> 
    <asp:textbox id="Search2" CssClass="INPUT" runat="server"/> 
    </form> 

    运行后,查看页面源码.可发现文本框的样式已统一修改为"TextBox_show".
  • 相关阅读:
    Angular 1 进阶
    【Ubuntu 16.04 使用日志】更改deb源
    【Ubuntu 16.04 使用日志】Linux下软件安装方法汇总
    【Ubuntu 16.04 使用日志】LOG
    【每日算法】桶排序算法
    【每日算法】基数排序算法
    【每日算法】计数排序算法
    【每日算法】归并排序算法
    【每日算法】交换排序算法之快速排序
    【每日算法】交换排序算法之鸡尾酒排序/双向冒泡排序
  • 原文地址:https://www.cnblogs.com/pyw0818/p/237963.html
Copyright © 2020-2023  润新知