ASP.NET学习之CSS实现多界面二大方法

开发 后端
ASP.NET学习之CSS实现多界面将向你介绍如何利用CSS实现多界面,希望这篇文章在ASP.NET学习中对你有所帮助。

ASP.NET学习之CSS实现多界面的实现是如何的呢?原理就是通过使页面动态加载不同CSS实现多界面

ASP.NET学习之CSS实现多界面方法一:

  1. ﹤%@page language="C#"%﹥  
  2. ﹤%@import namespace="System.Data"%﹥  
  3. ﹤script language="c#" runat="server"﹥  
  4. public void page_load(Object obj,EventArgs e)  
  5. {  
  6. //创建服务器端控件.  
  7. //指定的标记"LINK"初始化此类的新实例.  
  8. HtmlGenericControl objLink=new HtmlGenericControl("LINK");  
  9. objLink.ID=ID;  
  10. objLink.Attributes["rel"]="stylesheet";  
  11. objLink.Attributes["type"]="text/css";  
  12. objLink.Attributes["href"]="portal.css";  
  13.  
  14. //此控件不产生任何可见输出,仅作为其他控件的容器,可在其中添加,插入或移除控件.  
  15. MyCSS.Controls.Add(objLink);  
  16. }  
  17. ﹤/script﹥  
  18. ﹤html﹥  
  19. ﹤head﹥  
  20. ﹤title﹥c#﹤/title﹥  
  21. ﹤asp:placeholder id="MyCSS" runat="server"﹥﹤/asp:placeholder﹥  
  22. ﹤/head﹥  
  23. ﹤body bgColor="#ffcc66" style="FONT:9pt"﹥  
  24. ﹤form runat="server"﹥  
  25.  
  26. ﹤/form﹥  
  27. ﹤/body﹥  
  28. ﹤/html﹥ 

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

ASP.NET学习之CSS实现多界面方法二:

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

代码如下:

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

运行后,查看页面源码.可发现文本框的样式已统一修改为"TextBox_show".

ASP.NET学习之CSS实现多界面就向你介绍到这里,赶紧动手尝试下吧。

【编辑推荐】

  1. ASP.NET程序小数点保留两位解析
  2. ASP.NET上传文件控件实例详解
  3. ASP.NET学习的九大步骤详解
  4. ASP.NET与ASP相比的优点浅析
  5. ASP.NET MD5和SHA1加密方法的浅析
责任编辑:仲衡 来源: cnblogs
相关推荐

2009-07-24 13:01:44

ASP.NET页面跳转

2009-07-28 17:17:19

ASP.NET概述

2010-05-07 08:59:50

ASP.NET

2009-07-28 10:36:37

ASP.NET读取Ex

2009-07-23 13:47:46

ASP.NET数据缓存

2009-08-10 14:08:15

ASP.NET服务器控ASP.NET组件设计

2009-07-23 10:37:43

2009-08-05 14:27:55

ASP.NET模板基本

2009-07-24 10:53:51

ASP.NET实现静态

2009-08-10 13:32:15

ASP.NET TimASP.NET组件设计

2009-08-03 13:38:18

ASP.NET编程模型

2009-07-29 10:06:21

如何学习ASP.NET

2009-09-10 09:50:47

ASP.NET MVC

2009-01-04 13:27:10

URL RewriteIISASP.NET

2009-07-24 15:31:45

ASP.NET学习

2009-07-28 13:26:34

Render方法ASP.NET

2009-06-17 10:21:34

ASP.NET多附件上

2009-08-17 09:24:25

ASP.NET控件

2009-08-03 16:20:55

ASP.NET编程规范

2009-07-23 13:23:53

ASP.NET编程
点赞
收藏

51CTO技术栈公众号