• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    ASP.Net中利用CSS实现多界面的两种方法

    本文实例讲述了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;ivControls.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".

    希望本文所述对大家的asp.net程序设计有所帮助。

    您可能感兴趣的文章:
    • ASP.NET 防止用户跳过登陆界面
    • ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
    • ASP.NET简化编辑界面解决思路及实现代码
    • ASP.NET简化编辑界面解决思路及实现代码(2)
    • asp.net通过动态加载不同CSS实现多界面
    • 在ASP.NET 2.0中操作数据之十五:在GridView的页脚中显示统计信息
    • 在ASP.NET 2.0中操作数据之十六:概述插入、更新和删除数据
    • 在ASP.NET 2.0中操作数据之十七:研究插入、更新和删除的关联事件
    • 在ASP.NET 2.0中操作数据之十八:在ASP.NET页面中处理BLL/DAL层的异常
    • 在ASP.NET 2.0中操作数据之十九:给编辑和新增界面增加验证控件
    • 在ASP.NET 2.0中操作数据之二十:定制数据修改界面
    上一篇:Asp.net配合easyui实现返回json数据实例
    下一篇:asp.net中MVC借助Iframe实现无刷新上传文件实例
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

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