一个颜色控件的修正经历

在自己一个项目中需要用到颜色选择,刚好收藏了一个颜色控件,代码就一个CS文件,加一些脚本,就直接用上了.开头觉得简单,挺爽．用着突然发现问题了．而且问题多多．

１．一个页面加一个控件时没问题，加多个控件时选择好颜色后竟然没有返回颜色值．查了半天，原来有这样一段代码：

错误源码片段
1_button.Attributes.Add("onclick","window.showModalDialog('" + GetClientFileUrl("colordialog.html") + "', color , 'help:no;status:no');");            
2            _input = new TextBox();
3            _input.Attributes.Add("ID","color");

分析了一下，原来是多个控件时都是同一ＩＤ值，晕倒．返回值都不知赋给哪个控件．于是做了一番修改．

修正后代码
1string id = "v" + Guid.NewGuid().ToString("b").Replace("{" , "a").Replace("}" , "b").Replace("-" , "c") ;
2            _button.Attributes.Add("onclick","window.showModalDialog('" + GetClientFileUrl("colordialog.html") + "', " + id + " , 'help:no;status:no');");            
3            _input = new TextBox();
4            _input.Attributes.Add("ID",id);

每个控件都有一个唯一ＩＤ．搞定．多个控件没问题．
分析过程中还发现了另一个一直没注意到的做法．在showModiDialog方法中，将整个TextBox对象做为参数传入，这样在打开页面中就直接可以操作TextBox对象了．方便．如果你喜欢还可以将整个当前整个window对象一起传过去．呵．．

２．此控件只能在运行时读取到选择的颜色值，而无法对其进行赋值或在编辑状态对其进行初始值．

原代码
1public string ColorValue
2        {
3            get
4            {                         return _input.Text;
5            }
6        }

本来简单的加入了一个set（_input.Text = value)方法，结果发现了另一个问题．在编辑状态下_input对象还没实例化，行不通．于是采用了另一种实现．

修改后的代码
 1private string _colorValue;
 2
 3public string ColorValue
 4        {
 5            get
 6            {
 7                if (this._input == null)
 8                {
 9                    return this._colorValue;
10                }
11                else
12                {
13                    return _input.Text;
14                }
15            }
16            set
17            {
18                if (this._input == null)
19                {
20                    this._colorValue = value;
21                }
22                else
23                {
24                    this._input.Text = value;
25                }
26            }
27        }

成功解决了．

 ３．之外，还增加了选中颜色后文本控件除了显示颜色值外，还将文本框底色改成选中的颜色．初始化颜色值时底色也随之改变．

附上修改后的可用源码
修正后的颜色控件