在ASP.Net中兩種利用CSS實現多界面的方法
2024-07-10 12:56:20
供稿：網友
菜鳥學堂：
===========================================
通過使頁面動態加載不同css實現多界面(類型于csdn的blog):
方法一:
<%@page language="c#"%>
<%@import namespace="system.data"%>
<script language="c#" runat="server">
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);
}
</script>
<html>
<head>
<title>c#</title>
<asp:placeholder id="mycss" runat="server"></asp:placeholder>
</head>
<body bgcolor="#ffcc66" >
<form runat="server">
</form>
</body>
</html>
==========================================
通過動態設置頁面所有同類型控件的樣式來該變界面:
方法二:
可以通過改變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<vcontrols.count;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";
}
<form runat="server">
<asp:textbox id="search1" runat="server"/>
<asp:textbox id="search2" cssclass="input" runat="server"/>
</form>
運行后,查看頁面源碼.可發現文本框的樣式已統一修改為"textbox_show".
(完)
======================================================
