通過使頁面動態載入不同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".
