在ASP.Net中两种利用CSS实现多界面的方法

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

方法一:

 1@page language="C#"
 2
 3@import namespace="System.Data"
 4
 5<script language="c#" runat="server">   
 6public void page_load(Object obj,EventArgs e)   
 7{   
 8//创建服务器端控件.   
 9//指定的标记"LINK"初始化此类的新实例.   
10HtmlGenericControl objLink=new HtmlGenericControl("LINK");   
11objLink.ID=ID;   
12objLink.Attributes["rel"]="stylesheet";   
13objLink.Attributes["type"]="text/css";   
14objLink.Attributes["href"]="portal.css";   
15
16//此控件不产生任何可见输出,仅作为其他控件的容器,可在其中添加,插入或移除控件.   
17MyCSS.Controls.Add(objLink);   
18}   
19</script>
20
21<html>
22<head>
23<title>c#</title>
24<asp:placeholder id="MyCSS" runat="server"></asp:placeholder>
25</head>
26<body bgcolor="#ffcc66" style="FONT:9pt">
27<form runat="server">
28</form>
29</body>
30</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
12
13
14<vcontrols.count;i++) "button":="" "datagrid":="" "textbox":="" ((button)="" ((datagrid)="" ((textbox)="" (ptype)="" break;="" button_css="" case="" datagrid_css="" if(vcontrol.controls.count="" ptype="vControl.GetType().Name;" string="" switch="" system.web.ui.control="" textbox_css="" vcontrol="vControls[i];" vcontrol);="" {="" }="" 可增加控件类型及相应处理方法="" 得到控件的类型="">0)   
15SetCSS(vControl.Controls);   
16}   
17}   
18
19
20private void TextBox_CSS(TextBox tb){   
21tb.CssClass="TextBox_show";   
22}   
23
24<form runat="server">
25<asp:textbox id="Search1" runat="server"></asp:textbox>
26<asp:textbox cssclass="INPUT" id="Search2" runat="server"></asp:textbox>
27</form> `
28
29
30运行后,查看页面源码.可发现文本框的样式已统一修改为"TextBox_show".</vcontrols.count;i++)>
Published At
Categories with Web编程
Tagged with
comments powered by Disqus