本文示例源代码或素材下载

　　继上篇文章之后（链接），大家给了一些反馈和意见，有些BUG和不当之处我已修正,将会在2.0正式版本中提供给大家。希望大家能继续

　　支持我们这个开源项目。

　　好了，开始今天的话题，首先需要说明的是因为这两个控件都比较简单所以放在一起给大家说一下。

　　先说一下 ColorPicker 控件 ,贴一张运行效果图让大家看一下：

　　　　在Discuz.Controls项目中的admin/目录下有ColorPicker.cs这个文件, 大家也可以从下载压缩包中得到这个文件的源码

　　那么现在就对这个文件中的关键代码给代码作一下概述：

　　CreateChildControls() 创建相关子控件,代码如下:

　　
　　
1 protected Discuz.Controls.TextBox tb = new Discuz.Controls.TextBox();
2　　　protected System.Web.UI.HtmlControls.HtmlImage img = new System.Web.UI.HtmlControls.HtmlImage();
3
4　　　protected override void CreateChildControls()
5　　　{
6　　　　　
7　　　　　　 tb.Size = 8; //设置选取的文件框宽度为8
8　　　　　　 tb.ID = this.ID;
9　　　　　　 this.Controls.Add(tb);
10
11　　　　　　 //设置图版按钮的相关图片路径和点击后运行的JS脚本
12　　　　　　 img.ID = "ColorPreview";
13　　　　　　 img.Src = ImageUrl;
14　　　　　　 img.Attributes.Add("onclick", "IsShowColorPanel('" + this.tb.ClientID + "','" + this.img.ClientID + "'," + this.LeftOffSet + "," + this.TopOffSet + ")");
15　　　　　　 img.Attributes.Add("class", "img");
16　　　　　　 img.Attributes.Add("title", "选择颜色");
17　　　　　　 this.Controls.Add(img);
18
19　　　　　　 base.CreateChildControls();
20　　　}
21
22