本文實例講述了asp.net中利用css實現(xiàn)多界面的兩種方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
可以通過使頁面動態(tài)加載不同css來實現(xiàn)多界面的效果:
方法一:
復(fù)制代碼 代碼如下:< language=c#%>
< namespace=system.data%>
<script language=c# runat=server>
public void page_load(object obj,eventargs e)
{
//創(chuàng)建服務(wù)器端控件.
//指定的標(biāo)記link初始化此類的新實例.
htmlgenericcontrol objlink=new htmlgenericcontrol(link);
objlink.id=id;
objlink.attributes[rel]=stylesheet;
objlink.attributes[type]=text/css;
objlink.attributes[href]=portal.css;
//此控件不產(chǎn)生任何可見輸出,僅作為其他控件的容器,可在其中添加,插入或移除控件.
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>
通過動態(tài)設(shè)置頁面所有同類型控件的樣式來該變界面:
方法二:
可以通過改變web控件的cssclass屬性,可方便地設(shè)置和修改控件的樣式。
但在實際開發(fā)過程中,一個個地設(shè)置控件的cssclass屬性,非常繁瑣,所以此思路應(yīng)用不廣.
但下面的代碼段演示了一次性改變頁面所有同類型控件的樣式的方法,可以實現(xiàn)簡單的skin等功能。
代碼如下:
復(fù)制代碼 代碼如下:public void page_load(object obj,eventargs e)
{
if(!page.ispostback){
//為頁面的所有控件設(shè)置樣式.
setcss(page.controls);
}
}
private void setcss(system.web.ui.controlcollection vcontrols)
{
for(int i=0;i<vcontrols.count;i++)
{
system.web.ui.control vcontrol=vcontrols[i];
//得到控件的類型
//可增加控件類型及相應(yīng)處理方法
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;
}
<form runat=server>
<asp:textbox id=search1 runat=server/>
<asp:textbox id=search2 cssclass=input runat=server/>
</form>
運行后,查看頁面源碼.可發(fā)現(xiàn)文本框的樣式已統(tǒng)一修改為textbox_show.