zoukankan      html  css  js  c++  java
  • 在ASP.Net中两种利用CSS实现多界面的方法

    通过使页面动态加载不同CSS实现多界面
    方法一:

    <%@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" style="FONT:9pt"> 
    <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> 

  • 相关阅读:
    vue2.0 移动端,下拉刷新,上拉加载更多插件,修改版
    修改maven产生missing artifact错误
    程序的态度-一生想靠近的完美
    计算机中的存储
    Vue-router结合transition实现app前进后退动画切换效果
    js获取input上传图片装换为base64格式图片
    mongoose的基本操作
    vue路由跳转时判断用户是否登录功能
    Node.js学习笔记之文件上传
    推荐一个基于Vue2.0的的一款移动端开发的UI框架,特别好用。。。
  • 原文地址:https://www.cnblogs.com/ghd258/p/262534.html
Copyright © 2011-2022 走看看