本文实例讲述了asp.net中利用css实现多界面的两种方法。分享给大家供大家参考。具体实现方法如下:
可以通过使页面动态加载不同css来实现多界面的效果:
方法一:
复制代码 代码如下:< language=c#%>
< namespace=system.data%>
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);
}
通过动态设置页面所有同类型控件的样式来该变界面:
方法二:
可以通过改变web控件的cssclass属性,可方便地设置和修改控件的样式。
但在实际开发过程中,一个个地设置控件的cssclass属性,非常繁琐,所以此思路应用不广.
但下面的代码段演示了一次性改变页面所有同类型控件的样式的方法,可以实现简单的skin等功能。
代码如下:
复制代码 代码如下:public void page_load(object obj,eventargs e)
{
if(!page.ispostback){
//为页面的所有控件设置样式.
setcss(page.controls);
}
}
private void setcss(system.web.ui.controlcollection vcontrols)
{
for(int i=0;i { system.web.ui.control vcontrol=vcontrols[i]; //得到控件的类型 //可增加控件类型及相应处理方法 string ptype=vcontrol.gettype().name; switch (ptype) { case textbox: textbox_css ((textbox) vcontrol); break; case button: //button_css ((button) vcontrol); break; case datagrid: //datagrid_css ((datagrid) vcontrol); break; } if(vcontrol.controls.count>0) setcss(vcontrol.controls); } } private void textbox_css(textbox tb){ tb.cssclass=textbox_show; }
运行后,查看页面源码.可发现文本框的样式已统一修改为textbox_show.
更多信息请查看IT技术专栏