新手电脑网 » 编程交流 » ASP.Net中利用CSS实现多界面两种方法

syziy 发表于 2008-10-4 21:38

ASP.Net中利用CSS实现多界面两种方法

通过使页面动态加载不同CSS实现多界面 (类似于这个blog)
mUq1U ] K,y| yN#Y 　　方法一:
(_Zt0U0N1LA%C 以下是引用片段：
-uj^!_L9N4Cm ＜%@page language="C#"%＞
R3c5s'}GE ＜%@import namespace="System.Data"%＞ ;P1i;|d5G'E-\4\
＜script language="c#" runat="server"＞ +eO/r)~J C,c#c
public void page_load(Object obj,EventArgs e) e,j
[XH
{ 2CJ9k:c)y p!?Z
//创建服务器端控件.
'MM)@-G E ?.M2L,?!@ //指定的标记"LINK"初始化此类的新实例. &w\.HW/Ho
HtmlGenericControl objLink=new HtmlGenericControl("LINK"); $uWBo1j6Mg+@
objLink.ID=ID; "a_#D+g4}]7[j!U
objLink.Attributes["rel"]="stylesheet"; D}']e J vE
objLink.Attributes["type"]="text/css"; ){%j!LQc6lg?
objLink.Attributes["href"]="portal.css";
Y.Q6L&Ij*Li`
:N.G)fM8u //此控件不产生任何可见输出,仅作为其他控件的容器,可在其中添加,插入或移除控件. )[ xqtQ _ y'An
MyCSS.Controls.Add(objLink); /`)Wt.F|gL3o1B9a
} [TZDp Si'}L
＜/script＞ X+q3c3mTWa*K:p
＜html＞
bV'q0ran0y0D ＜head＞ @M8s^(mE'VQ`-c
＜title＞c#＜/title＞ 6O-X/V$~"@5Xb7nm&R
＜asp:placeholder id="MyCSS" runat="server"＞＜/asp:placeholder＞
K:~KEn| ＜/head＞ -hOTKj%\(E)E
＜body bgColor="#ffcc66" style="FONT:9pt"＞ 3uM!{QN$[6hTLOF
＜form runat="server"＞
7N+J$t nT&W WdEaf ]1f\-O
＜/form＞ L*M.D'J.oc M:ZHu7e
＜/body＞
yu'H!^+qe@ ＜/html＞ }$MxC:_I A}9S
*u&R}'Dv2hOA
u)y@3\,HPDy0s:b

P oA*~9uTO5rau 通过动态设置页面所有同类型控件的样式来该变界面:d"u)p%}B S,y{
　　方法二:
?W/Q9y-Yj.e\A{7P 　　可以通过改变WEB控件的CssClass属性,可方便地设置和修改控件的样式。WM [h-T)R
　　但在实际开发过程中,一个个地设置控件的CssClass属性,非常繁琐,所以此思路应用不广.
K vLSI3e5uHq;V 　　但下面的代码段演示了一次性改变页面所有同类型控件的样式的方法,可以实现简单的SKIN等功能。
%~7e)P&z2f;N!S2q 　　代码如下:
TMn0aP3Abpw(g 以下是引用片段：
5c&s*r;R6rT2X public void page_load(Object obj,EventArgs e)
I5r_*l2c-_ { fy)?tx-Zy%KP
if(!Page.IsPostBack){ 2Q)USx#J
//为页面的所有控件设置样式.
x5{I4UiO'Tf F SetCSS(Page.Controls);
(|7xR ^7` w7P0s }
7I;u.U.Hu }
9Y`!p h8[m(x private void SetCSS(System.Web.UI.ControlCollection vControls) g8W6[-Yb
{ d2D
K$i&j*A1gE
for(int i=0;i＜vControls.Count;i++)
*_dHo J {
(RS{%s1s2[f` System.Web.UI.Control vControl=vControls;
_Q2Z(S*z&yW4V.x K
]#Tr*X
//得到控件的类型 a#L5Yv7O4S*s p6jM
//可增加控件类型及相应处理方法 (q
J we:v)q ^ O(J3V
string PType=vControl.GetType().Name;
Mp4tZ&d switch (PType) Xx1k:i DW-~9rU,zN
{ $t;WP5r,B,e0R
case "TextBox": 's[t3I9j
TextBox_CSS ((TextBox) vControl); G k9W5l^~,D
break; J kA|1y? _
case "Button":
R9~]kJ@g&eT,K //Button_CSS ((Button) vControl);
p)n|n+W break; I1V!X4hG%WG?C8JD
case "DataGrid": &Z-fg+{;de
//DataGrid_CSS ((DataGrid) vControl);
?m'G1[_7l break;
-Vab,^e^ b3C } #I!?(M-d6i]H.b
if(vControl.Controls.Count＞0)
8i/}+u.tOj o9_1K&u el SetCSS(vControl.Controls); 0O:A)} G_;Iwa,E
} IE&[C:e{ _b&jA
} )_9[w_B5V,Cv!a:C2FX
KBK'SD5D!^0J
)Cbb-};q.B
private void TextBox_CSS(TextBox tb){
ml e[ iIt/W9~ tb.CssClass="TextBox_show"; .`U$y#MW4_
}
)gwtr#C 5]*U*\#A6KG
＜form runat="server"＞ 5j&}&BWR
＜asp:textbox id="Search1" runat="server"/＞ i YRM
I/@$~C1z"z!z-]
＜asp:textbox id="Search2" CssClass="INPUT" runat="server"/＞
.Uc%?0s])JW6k*Q0n ＜/form＞

查看完整版本: ASP.Net中利用CSS实现多界面两种方法