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

简介:

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

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

InBlock.gif
//创建服务器端控件. 
InBlock.gif//
指定的标记"LINK"初始化此类的新实例. 
InBlock.gif
HtmlGenericControl objLink=new HtmlGenericControl("LINK"); 
InBlock.gifobjLink.ID
=ID; 
InBlock.gifobjLink.Attributes[
"rel"]="stylesheet"
InBlock.gifobjLink.Attributes[
"type"]="text/css"
InBlock.gifobjLink.Attributes[
"href"]="portal.css"
InBlock.gif
InBlock.gif
//此控件不产生任何可见输出,仅作为其他控件的容器,可在其中添加,插入或移除控件. 
InBlock.gif
MyCSS.Controls.Add(objLink); 
ExpandedBlockEnd.gif}
 
None.gif
</ script >  
None.gif
< html >  
None.gif
< head >  
None.gif
< title > c# </ title >  
None.gif
< asp:placeholder  id ="MyCSS"  runat ="server" ></ asp:placeholder >  
None.gif
</ head >  
None.gif
< body  bgColor ="#ffcc66"  style ="FONT:9pt" >  
None.gif
< form  runat ="server" >  
None.gif
None.gif
</ form >  
None.gif
</ body >  
None.gif
</ html >  

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

None.gif public   void  page_load(Object obj,EventArgs e) 
ExpandedBlockStart.gif

ExpandedSubBlockStart.gif
if(!Page.IsPostBack)
InBlock.gif
//为页面的所有控件设置样式. 
InBlock.gif
SetCSS(Page.Controls); 
ExpandedSubBlockEnd.gif}
 
ExpandedBlockEnd.gif}
 
None.gif
None.gif
private   void  SetCSS(System.Web.UI.ControlCollection vControls) 
ExpandedBlockStart.gif

InBlock.gif
for(int i=0;i<vControls.Count;i++
ExpandedSubBlockStart.gif

InBlock.gifSystem.Web.UI.Control vControl
=vControls[i]; 
InBlock.gif
InBlock.gif
//得到控件的类型 
InBlock.gif
//可增加控件类型及相应处理方法 
InBlock.gif
string PType=vControl.GetType().Name; 
InBlock.gif
switch (PType) 
ExpandedSubBlockStart.gif

InBlock.gif
case "TextBox"
InBlock.gifTextBox_CSS ((TextBox) vControl); 
InBlock.gif
break
InBlock.gif
case "Button"
InBlock.gif
//Button_CSS ((Button) vControl); 
InBlock.gif
break
InBlock.gif
case "DataGrid"
InBlock.gif
//DataGrid_CSS ((DataGrid) vControl); 
InBlock.gif
break
ExpandedSubBlockEnd.gif}
 
InBlock.gif
if(vControl.Controls.Count>0
InBlock.gifSetCSS(vControl.Controls); 
ExpandedSubBlockEnd.gif}
 
ExpandedBlockEnd.gif}
 
None.gif
None.gif
ExpandedBlockStart.gif
private   void  TextBox_CSS(TextBox tb)
InBlock.giftb.CssClass
="TextBox_show"
ExpandedBlockEnd.gif}
 
None.gif
None.gif
< form runat = " server " >  
None.gif
< asp:textbox id = " Search1 "  runat = " server " />  
None.gif
< asp:textbox id = " Search2 "  CssClass = " INPUT "  runat = " server " />  
None.gif
</ form >  



本文转自高海东博客园博客,原文链接:http://www.cnblogs.com/ghd258/archive/2005/10/26/262534.html如需转载请自行联系原作者
相关文章
|
1月前
|
API 网络安全 数据安全/隐私保护
.NET邮箱API发送邮件的方法有哪些
本文介绍了.NET开发中使用邮箱API发送邮件的方法,包括SmtpClient类发送邮件、MailMessage类创建邮件消息、设置SmtpClient属性、同步/异步发送、错误处理、发送HTML格式邮件、带附件邮件以及多人邮件。AokSend提供高触达发信服务,适用于大规模验证码发送场景。了解这些技巧有助于开发者实现高效、可靠的邮件功能。
|
1月前
|
JavaScript 前端开发
【快捷键配置】常用HTML类名、CSS样式名称、JS方法变量名、vue代码片段
【快捷键配置】常用HTML类名、CSS样式名称、JS方法变量名、vue代码片段
|
2月前
|
前端开发
CSS水平居中与垂直居中的方法
CSS水平居中与垂直居中的方法
|
2月前
|
前端开发
CSS画三角形(三种方法)
CSS画三角形(三种方法)
|
2月前
|
前端开发 计算机视觉 开发者
利用CSS改变图片颜色的100种方法!
利用CSS改变图片颜色的100种方法!
46 1
|
4天前
|
开发框架 .NET C语言
LabVIEW中使用.NET方法时出现错误1316
LabVIEW中使用.NET方法时出现错误1316
10 4
|
15天前
|
前端开发
【专栏】在 create-react-app 中集成 less/sass 预处理器和 react-css-modules 的方法
【4月更文挑战第29天】本文介绍了在 create-react-app 中集成 less/sass 预处理器和 react-css-modules 的方法。首先,通过 `npm` 安装 less 或 sass 依赖,然后修改 `config-overrides.js` 配置文件以支持 less/sass 编译。接着,详细阐述如何使用 less/sass 编写样式。再者,安装 react-css-modules 并配置 webpack,使能样式模块化。最后,展示了如何结合使用 less/sass 和 react-css-modules,以提升前端开发的效率和代码质量。
|
27天前
|
前端开发
css中几种隐藏元素的方法
css中几种隐藏元素的方法
12 0
|
28天前
|
JavaScript 前端开发 iOS开发
js实用方法记录-动态加载css/js
js实用方法记录-动态加载css/js
19 0
|
1月前
|
前端开发
css声明方法
【4月更文挑战第14天】css声明方法
19 6