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

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    ASP.NET多彩下拉框开发实例

    本文主要是演示如何读取系统颜色并在下拉框中的每个条目中显示对应的颜色,该源码主要展示以下内容:

       1、如何获得System.Drawing.KnownColor颜色控件的列表枚举

       2、如何排除系统环境颜色,如“Active Border”

       3、如何分配颜色到下拉框的每个条目  

    代码详解:

       命名下拉框为ddlMultiColor 来显示颜色名称及颜色,用div>标签显示右侧矩形结果,Aspx代码如下

     table> 
     tr> 
     td> 
     asp:DropDownList ID ="ddlMultiColor" 
     OnSelectedIndexChanged="ddlMultiColor_OnSelectedIndexChanged" 
     runat="server" AutoPostBack="true"> 
     /asp:DropDownList> 
     /td> 
     td> 
     div id="msgColor" runat="server"> 
     /div> 
     /td> 
     /tr> 
     /table>

     在cs文件中我们需要引用以下命名空间:

     using System; 
     using System.Web; 
     using System.Reflection; 
     using System.Drawing; 
     using System.Collections.Generic;

    我们先看一下Page_Load事件,在Page_Load中我们对选中的下拉列表进行处理显示

     protected void Page_Load(object sender, EventArgs e) 
     { 
     if (Page.IsPostBack == false) 
     { 
     populateDdlMultiColor(); //51aspx.com 
     colorManipulation(); 
     } 
     }
    

      现在让我们来看一下populateDdlMultiColor() 函数

     private void populateDdlMultiColor() 
     { 
     ddlMultiColor.DataSource = finalColorList(); 
     ddlMultiColor.DataBind(); // 
     }
    
     finalColorList()方法
    
     private List finalColorList() 
     { 
     string[] allColors = Enum.GetNames(typeof(System.Drawing.KnownColor)); 
     string[] systemEnvironmentColors = 
     new string[( 
     typeof(System.Drawing.SystemColors)).GetProperties().Length]; 
     
     int index = 0; 
     
     foreach (MemberInfo member in ( 
     typeof(System.Drawing.SystemColors)).GetProperties()) 
     { 
     systemEnvironmentColors[index ++] = member.Name; 
     } 
     List finalColorList = new List(); 
     foreach (string color in allColors) 
     { 
     if (Array.IndexOf(systemEnvironmentColors, color)  0) 
     { 
     finalColorList.Add(color); 
     } 
     } 
     return finalColorList; 
     }
    

    System.Drawing.KnownColor是Asp.net系统本身自带颜色,我已经通过枚举列出了这些颜色并通过 finalColorList()函授进行绑定。为了实现该功能,我使用了最基本的枚举特征之一:Enum.GetNames() 共享方法,该方法对枚举内容进行检测并输出结果为字符串序列,该字符串中每个值都对应枚举中的每个结果。

     然而,该方法还是有些问题的。按照上面的思路,枚举金额过中会包括系统环境颜色,比如“Active Border(注:活动边框)”,为了解决该问题,我扩展了系统环境颜色。我用了System.Reflection.MemberInfo类。

     这里我用System.Drawing.SystemColors属性填充systemEnvironmentColors ,然后创建一个名称为finalColorList 的图形列表,在finalColorList 中我只调用已知颜色,但是不在系统环境颜色中。然后把finalColorList绑定到ddlMultiColor中。至此,我们已经有了一个包括全部颜色名称的下拉框,下面让我们来操作一下:

     private void colorManipulation() 
     { 
     int row; 
     for (row = 0; row  ddlMultiColor.Items.Count - 1; row++) 
     { 
     ddlMultiColor.Items[row].Attributes.Add("style", 
     "background-color:" + ddlMultiColor.Items[row].Value); 
     } 
     ddlMultiColor.BackColor = 
     Color.FromName(ddlMultiColor.SelectedItem.Text);//liudao翻译 
     }

    下拉框中的每一行背景颜色的Style]属性都与该行显示的颜色名称对应的。在OnSelectedIndexChanged 事件中下拉框中被选中的行通过下面的函数结合div>标签进行高亮显示,同时右侧的矩形颜色也随之变化。

     protected void ddlMultiColor_OnSelectedIndexChanged(object sender, 
     EventArgs e) 
     { 
     ddlMultiColor.BackColor = Color.FromName(ddlMultiColor.SelectedItem.Text); 
     colorManipulation(); 
     ddlMultiColor.Items.FindByValue(ddlMultiColor.SelectedValue).Selected = 
     true; 
     msgColor.Attributes.Add("style", "background:" + 
     ddlMultiColor.SelectedItem.Value + ";width:30px;height:25px;"); 
     }

    至此,我们学会了如果获取System.Drawing并排出系统环境颜色,并绑定颜色名称到下拉列表。

    您可能感兴趣的文章:
    • ASP.NET中DropDownList下拉框列表控件绑定数据的4种方法
    • ASP.NET实现级联下拉框效果实例讲解
    • asp.net mvc下拉框Html.DropDownList 和DropDownListFor的常用方法
    • asp.net中js+jquery添加下拉框值和后台获取示例
    • asp.net 实现下拉框只读功能
    • asp.net DropDownList 三级联动下拉菜单实现代码
    • asp.net省市三级联动的DropDownList+Ajax的三种框架(aspnet/Jquery/ExtJs)示例
    • 适用与firefox ASP.NET无刷新二级联动下拉列表
    • ajax.net +jquery 无刷新三级联动的实例代码
    • ASP.NET MVC下拉框联动实例解析
    上一篇:ASP.NET MVC5网站开发添加文章(八)
    下一篇:ASP.NET实现级联下拉框效果实例讲解
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    ASP.NET多彩下拉框开发实例 ASP.NET,多彩,下拉,框,开发实例,