asp.net中利用css實(shí)現(xiàn)多界面的兩種方法

字號(hào):


    本文實(shí)例講述了asp.net中利用css實(shí)現(xiàn)多界面的兩種方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
    可以通過(guò)使頁(yè)面動(dòng)態(tài)加載不同css來(lái)實(shí)現(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初始化此類(lèi)的新實(shí)例.
    htmlgenericcontrol objlink=new htmlgenericcontrol(link);
    objlink.id=id;
    objlink.attributes[rel]=stylesheet;
    objlink.attributes[type]=text/css;
    objlink.attributes[href]=portal.css;
    //此控件不產(chǎn)生任何可見(jià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>
    通過(guò)動(dòng)態(tài)設(shè)置頁(yè)面所有同類(lèi)型控件的樣式來(lái)該變界面:
    方法二:
    可以通過(guò)改變web控件的cssclass屬性,可方便地設(shè)置和修改控件的樣式。
    但在實(shí)際開(kāi)發(fā)過(guò)程中,一個(gè)個(gè)地設(shè)置控件的cssclass屬性,非常繁瑣,所以此思路應(yīng)用不廣.
    但下面的代碼段演示了一次性改變頁(yè)面所有同類(lèi)型控件的樣式的方法,可以實(shí)現(xiàn)簡(jiǎn)單的skin等功能。
    代碼如下:
    復(fù)制代碼 代碼如下:public void page_load(object obj,eventargs e)
    {
    if(!page.ispostback){
    //為頁(yè)面的所有控件設(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];
    //得到控件的類(lèi)型
    //可增加控件類(lè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>
    運(yùn)行后,查看頁(yè)面源碼.可發(fā)現(xiàn)文本框的樣式已統(tǒng)一修改為textbox_show.
    希望本文所述對(duì)大家的asp.net程序設(shè)計(jì)有所幫助。