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实现下拉框
ASP.NET下拉框
,以便于您获取更多的相关知识。

时间: 2025-01-19 19:58:41

ASP.NET多彩下拉框开发实例_实用技巧的相关文章

asp.net 实现下拉框只读功能_实用技巧

复制代码 代码如下: <HTML> <HEAD> <TITLE>下拉框模拟只读</TITLE> <script type="text/javascript"> //根据下拉框ID设置下拉框只读 function setReadOnly(obj_id){ var obj = document.getElementById(obj_id); obj.onmouseover = function(){ obj.setCapture(

ASP.NET程序实现多彩下拉框开发实例解析

开发背景: 有人曾经要我开发一个根据不同选择而显示不同颜色的管理工具.我开始考虑利用下拉框来实现条目背景及显示颜色根据条目名称不同而进行变化,根据这个思路我在网上搜了半天也没有找到任何相关的解决方案,最后我想到了一个比当初需求要复杂的方案(包括数据库),所以我尝试着找到一个更简单的实现方案. 该文主要是演示如何读取系统颜色并在下拉框中的每个条目中显示对应的颜色,该源码主要展示以下内容: 1.如何获得System.Drawing.KnownColor颜色控件的列表枚举 2.如何排除系统环境颜色,如

原生JavaScript实现动态省市县三级联动下拉框菜单实例代码_javascript技巧

像平时购物选择地址时一样,通过选择的省动态加载城市列表,通过选择的城市动态加载县区列表,从而可以实现省市县的三级联动,下面使用原生的JavaScript来实现这个功能: 先给大家展示下测试结果: 未做任何选择时: 选择时: 代码如下所示: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>三级联动测试</titl

ASP.NET MVC下拉框联动实例解析_实用技巧

两个DropDownList的联动,选择其中一个DropDownList,然后加载数据到另外的一个DropDownList上           这里,我打算实现的需求是:有两个DropDownList,一个默认加载所有的省份数据,然后,当我选择省份的时候,把对应的市的数据,绑定到另外一个DropDownList上面,即实现了联动. 好了,这里不打算使用EF了,换用ADO.NET.首先新建好数据库,表: USE master GO IF EXISTS (SELECT * FROM sysdata

javascript省市区三级联动下拉框菜单实例演示_javascript技巧

本文实例讲述了javascript实现省市区三级联动下拉框菜单代码,像平时购物选择地址时一样,通过选择的省动态加载城市列表,通过选择的城市动态加载县区列表,从而可以实现省市县的三级联动,下面使用原生的JavaScript来实现这个功能,分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"

asp.net使用DataGridTree实现下拉树的方法_实用技巧

本文实例讲述了asp.net使用DataGridTree实现下拉树的方法.分享给大家供大家参考.具体实现方法如下: 下拉树实现原理:输出json到客户端,客户端实现动态加载,中间不会和服务端交互.数据量支持上经测试几千还是很快的.本下拉树控件是用c#+js树实现. 2.c# 计算器 计算字符串数学表达式源码 计算数学表达式原理 采用c#实现 很实用 //a.建立两个栈:第一个位操作数栈,第二个操作符符栈!(将栈定义为string类型) //b.对数字来说是无条件压入数字栈中. //c.而对符号来

ASP.NET中Web API的简单实例_实用技巧

一.Web API的路由 1.在Visual Studio中新建MVC4项目,在App_Start目录下有一个WebApiConfig.cs文件,这个文件中就是相应的Web API的路由配置了. 2.Web API 框架默认是基于 Restful 架构模式的,与ASP.NET MVC 有区别的是,它会根据 Http 请求的 HttpMethod(Get.Post.Put.Delete)来在Controller 中查找 Action,规则是:Action 名中是否以Get.Post 开头?Acti

asp.net DropDownList 三级联动下拉菜单实现代码_实用技巧

复制代码 代码如下: if (!IsPostBack) { //一级分类列表 this.DropDownList1.DataSource = dsbb.SelectSubjct1(); this.DropDownList1.DataTextField = "cName"; this.DropDownList1.DataValueField = "Ccode"; this.DropDownList1.DataBind(); this.DropDownList1.Ite

收集学习asp.net比较完整的面向对象开发流程_实用技巧

如果你已经有较多的面向对象开发经验,跳过以下这两步: 第一步 掌握一门.NET面向对象语言,C#或VB.NET 我强烈反对在没系统学过一门面向对象(OO)语言的前提下去学ASP.NET. ASP.NET是一个全面向对象的技术,不懂OO,那绝对学不下去! 第二步 对.NET Framework类库有一定的了解 可以通过开发Windows Form应用程序来学习.NET Framework.ASP.NET是建构在.NET Framework之上的技术,你对.NET Framework了解得越深,学习