设为首页 友情链接
在线留言 发表文章
加入收藏 广告联系

刺猬首页

| 专案技术 | 网络技术 | 图形图象 | 网络编程 | 网页设计 | 操作系统 | 服务器 | 技术白皮书 | 在线实验室 | 刺猬论坛 |
小说专版  | 数据库 | 设计赏析 | 存储频道 | 网络安全 | 私服架设 |  Solaris | 网站评估 | PC维护技巧 | 下载中心 | 博 客 |
专   题: | Linux | java | cisco | 防病毒 | 刀片 | SOA | iscsi | ASP.NET | SQL | Oracle |
您现在的位置: 刺猬宫 >> 网络编程 >> ASP.NET >> 教程正文 用户登录 新用户注册
专 题 栏 目
最 新 热 门
最 新 推 荐
相 关 文 章
ASP.NET 2.0中实现弹窗报…
学习笔记 ASP.NET 5种页…
技巧:ASP.NET数据校验部…
Flex与asp.net的WebServ…
讲解MySQL数据库与ASP.N…
JSP实战:JBuilder2005中…
J2EE实用技巧:提升JSP应…
Windows系统环境下JSP开…
Linux系统下JSP运行、开…
动态网页制作技术JSP中“…
  ASP.NET程序实现多彩下拉框开发实例解析           
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并排出系统环境颜色,并绑定颜色名称到下拉列表。

频道声明:本频道的文章除部分特别声明禁止转载的专稿外,可以自由转载.但请务必注明出出处和原始作者 文章版权归本频道与文章作者所有.对于被频道转载文章的个人和网站,我们表示深深的谢意。

原始作者:佚名 录入时间:2007-7-13 15:50:30
信息来源:不详 投稿信箱:itqoo@126.com
教程录入:itqoo    责任编辑:itqoo 
  • 上一个教程:

  • 下一个教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    - 关于我们 - 合作伙伴 - 友情链接 - 广告刊登 - 投稿热线 - 在线留言版权声明联系方式 -
    IT公社版权所有 粤ICP备05127012号
    Copyrigh@2005-2006 itqoo.com.Inc All Rights Reserved  推荐分辨率 1024*768
    联系站长:E-Mail:itqoo@126.com     MSN:urchincc@hotmail.com    QQ:点击这里给我发消息
    特别感谢:亿太网络提供空间支持