| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 495 人关注过本帖
标题:Asp.net中多彩下拉框的实现
只看楼主 加入收藏
重庆萤火虫
Rank: 1
等 级:新手上路
帖 子:33
专家分:0
注 册:2008-3-6
收藏
 问题点数:0 回复次数:1 
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(); //
        colorManipulation();
    }
}

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

private void populateDdlMultiColor()
{        
    ddlMultiColor.DataSource = finalColorList();
    ddlMultiColor.DataBind(); //liudao 翻译
}

    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是系统本身自带颜色,我已经通过枚举列出了这些颜色并通过finalColorList()函授进行绑定

。为了实现该功能,我使用了最基本的枚举特征之一:Enum.GetNames() 共享方法,该方法对枚举内容进行检测并输出结果为字符串序

列,该字符串中每个值都对应枚举中的每个结果。
    然而,该方法还是有些问题的。按照上面的思路,枚举金额过中会包括系统环境颜色,比如“Active Border(注:活动边框)”,为

了解决该问题,我扩展了系统环境颜色。我用了System.Reflection.MemberInfo类。
    这里我用System.Drawing.SystemColors属性填充systemEnvironmentColors ,然后创建一个名称为finalColorList 的图形列表,

在finalColorList 中我只调用已知颜色,但是不在系统环境颜色中。然后把finalColorList绑定到ddlMultiColor中。至此,我们已经

有了一个包括全部颜色名称的下拉框,下面让我们来操作一下:
http://www.
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 
2008-03-19 15:38
寂寞的刺猬
Rank: 1
等 级:新手上路
帖 子:111
专家分:0
注 册:2008-3-23
收藏
得分:0 
如果有代码打包,相信更利于我们学习和参考。

我的博客  http://wlb.wlb.blog.
2008-03-23 18:04
快速回复:Asp.net中多彩下拉框的实现
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.056829 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved