天天看點

在ASP.Net中幾種利用CSS實作個性化界面的方法

看了老貓的文章,通過使頁面動态加載不同CSS實作個性化界面(如個性化blog界面)有以下幾種方法

方法一:

HtmlGenericControl定義不由特定的 .NET Framework 類表示的所有 HTML 伺服器控件元素的方法、屬性和事件。

<LINK href="login.css" target="_blank" rel="external nofollow" type="text/css" rel="stylesheet">

其中href屬性可以從使用者配置中動态獲得,然後進行頁面設定。

<%@pagelanguage="C#"%>

<%@importnamespace="System.Data"%>

<scriptlanguage="c#"runat="server">

publicvoidpage_load(Objectobj,EventArgse)

{

//建立伺服器端控件.

//指定的标記"LINK"初始化此類的新執行個體.

HtmlGenericControlobjLink=newHtmlGenericControl("LINK");

objLink.ID=ID;

objLink.Attributes["rel"]="stylesheet";

objLink.Attributes["type"]="text/css";

objLink.Attributes["href"]="login.css";

//MyCSS為placeholder容器控件,放在<head>域

MyCSS.Controls.Add(objLink);

}

</script>

<html>

<head>

<title>c#</title>

<asp:placeholderid="MyCSS"runat="server"></asp:placeholder>

</head>

<body>

<formrunat="server">

</form>

</body>

</html>

方法二:

可以通過改變WEB控件的CssClass屬性,可友善地設定和修改控件的樣式。

但在實際開發過程中,一個個地設定控件的CssClass屬性,非常繁瑣,是以此思路應用不廣.

但下面的代碼段示範了一次性改變頁面所有同類型控件的樣式的方法,可以實作簡單的SKIN等功能。

代碼如下:

publicvoidpage_load(Objectobj,EventArgse)

{

if(!Page.IsPostBack){

//為頁面的所有控件設定樣式.

SetCSS(Page.Controls);

}

}

privatevoidSetCSS(System.Web.UI.ControlCollectionvControls)

{

for(inti=0;i<vControls.Count;i++)

{

System.Web.UI.ControlvControl=vControls[i];

//得到控件的類型

//可增加控件類型及相應處理方法

stringPType=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);

}

}

privatevoidTextBox_CSS(TextBoxtb){

tb.CssClass="TextBox_show";

}

<formrunat="server">

<asp:textboxid="Search1"runat="server"/>

<asp:textboxid="Search2"CssClass="INPUT"runat="server"/>

</form>

運作後,檢視頁面源碼.可發現文本框的樣式已統一修改為"TextBox_show".