科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网软件频道如何在Asp.net中实现多彩下拉框

如何在Asp.net中实现多彩下拉框

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

   开发背景: 有人曾经要我开发一个根据不同选择而显示不同颜色的管理工具。我开始考虑利用下拉框来实现条目背景及显示颜色根据条目名称不同而进行变化,根据这个思路我在网上搜了半天也没有找到任何相关的解决方案。

作者:中国IT实验室 来源:中国IT实验室 2007年10月2日

关键字:

  • 评论
  • 分享微博
  • 分享邮件

在本页阅读全文(共2页)

  


    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并排出系统环境颜色,并绑定颜色名称到下拉列表。

查看本文来源

    • 评论
    • 分享微博
    • 分享邮件