用C#代码动态改变页面样式

原创 2004年08月17日 16:46:00

C#代码动态改变页面样式

<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

 

    在Web系统开发过程中,采用CSS 增强和美化页面样式已经成了一道标准工序。在Visual Studio .NET 环境下开发BS系统,可以通过设置WEB 控件的CssClass属性,方便地设置和修改控件的样式。

但在实际开发过程中,让开发人员一个个地设置控件的CssClass属性,不仅繁琐,而且容易出错,更头疼的是,还可能造成维护上的麻烦。

下面的代码段演示了一种在实际应用中取得良好效果的解决办法,希望能起到抛砖引玉的效果。基于这样的思路,相信大家可以开发出更多的应用,如实现简单的SKIN功能等。

代码如下。使用方法就是在每个.ASPXPage_Load()方法里调用LoadPageCSS ()即可。

public void LoadPageCSS (System.Web.UI.Page vPage)
{
if (!vPage.IsPostBack)
{
SetControlsCSS (vPage.Controls);
}
}

private void SetControlsCSS (System.Web.UI.ControlCollection vControls)
{
for (int i=0; i<vControls.Count; i++)
{
System.Web.UI.Control vControl = vControls[i];
string vControlName = vControl.GetType().Name;
switch (vControlName)
{
case "TextBox":
TextBox_CSS ((TextBox) vControl);
break;
case "RadioButtonList":
RadioButtonList_CSS ((RadioButtonList) vControl);
break;
case "DropDownList":
DropDownList_CSS ((DropDownList) vControl);
break;
case "Button":
Button_CSS ((Button) vControl);
break;
case "DataGrid":
DataGrid_CSS ((DataGrid) vControl);
break;
///
更多的控件类型及其处理方法
/// ....
/// ...
}
if (vControl.Controls.Count > 0)
{
SetControlsCSS (vControl.Controls);
}
}

}

private void RadioButtonList_CSS(RadioButtonList vRdoList)
{
vRdoList.CssClass ="RadioButtonList_show";
}

ASP.NET 中直接使用C# 动态修改CSS样式

  ASP.NET中直接用C# 动态修改CSS样式  wonsoft (wonsoft@163.com)  使用JavaScript控制CSS样式有点麻烦,还是觉得直接使用C#操作更方便快捷,本文通过...
  • wonsoft
  • wonsoft
  • 2008年06月14日 14:32
  • 17798

php开发之js修改页面css样式

在我以前的印象里,页面的字体属性,背景,等样式在页面加载后基本上都是固定的了,但是今天看到可以通过js修改页面的样式,觉得有必要和大家分享下。 test.html ...
  • HHL110120
  • HHL110120
  • 2015年04月30日 21:24
  • 2656

TreeView 设置样式

参考微软demo做了 一个类似差不多样式
  • suntanyong88
  • suntanyong88
  • 2014年11月02日 17:17
  • 7158

Javascript 如何访问 和 修改CSS样式(网页样式)

Javascript 访问修改页面元素的CSS样式,一般有两种方法 一种方法是访问修改元素中style属性的CSS样式,一般这样的style属性是直接写在元素上的,而不是在外部的CSS文件中;另一种方...
  • fuyizhonhong
  • fuyizhonhong
  • 2016年01月28日 19:49
  • 2828

动态改变li标签样式

  • 2011年07月25日 17:20
  • 109KB
  • 下载

asp.net程序设计答案p134,6动态改变页面字体

  • 2014年11月01日 14:04
  • 18KB
  • 下载

angularJs中的ng-class动态改变样式

exam1.html .lock { background : #dcdcdc; } .red {
  • u012396955
  • u012396955
  • 2017年05月28日 17:27
  • 283

Jquery动态改变样式

jQuery提供css()的方法来实现嵌入式改变元素样式,css()方法在使用上具有多样性。其中一种接受两个输入参数:样式属性和样式值,它们之间用逗号分开。比如我们要改变链接颜色,我们可以使用下面的代...
  • Sky786905664
  • Sky786905664
  • 2016年11月02日 16:27
  • 177

这是一个动态改变选中的li的样式(增加/删除),

这是一个动态改变选中的li的样式(增加/删除),其他同样适用 乌拉拉拷贝的别人的代码~菜鸟真的感觉太神奇了哈哈 ...
  • sinat_35645479
  • sinat_35645479
  • 2017年07月22日 21:44
  • 447

使用jquery.fullpage.js需要动态改变导航小圆点的样式

在使用jquery.fullpage.js(2.6.7)时遇到这样的需求, 看下图: 需求是4个小圆点的样式都不一样, 看了下插件自己生成的导航的HTML结构, 发现是这样的: 很显然, 小圆点的样...
  • butterfly5211314
  • butterfly5211314
  • 2017年05月19日 22:47
  • 1012
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用C#代码动态改变页面样式
举报原因:
原因补充:

(最多只允许输入30个字)