在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等功能。

代码如下:

 1 public   void  page_load(Object obj,EventArgs e) 
 2 { 
 3if(!Page.IsPostBack){ 
 4//为页面的所有控件设置样式. 
 5SetCSS(Page.Controls); 
 6} 
 7}  
 8
 9 private   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
36 private   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".

转载于:https://www.cnblogs.com/pyw0818/archive/2005/09/15/237963.html