改变Repeater控件中按钮颜色

昨晚有在论坛看到一帖，手上的工作一直忙到现在，Insus.NET现在抽点时间尝试实现它。

Insus.NET没有使用数据库作为数据源，而是使用List<T>作为数据源。因此你在这篇博文中学到很多有关泛型的知识。另外Insus.NET使用CheckBoxList来替代多页面，让用户选择CheckBoxList的选项将会给Repeater有多值显示，也就是绑定多个铵钮。

创建一个对象，它将用来存储数据源。这个对象有三个属性[ColourSystem],[ColourName]和[RGB]

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;/// <summary>
/// Summary description for Colour
/// </summary>
namespace Insus.NET
{public class Colour{private string _ColourSystem;private string _ColourName;private string _RGB;public string ColourSystem{get { return _ColourSystem; }set { _ColourSystem = value; }}public string ColourName{get { return _ColourName; }set { _ColourName = value; }}public string RGB{get { return _RGB; }set { _RGB = value; }}public Colour(){//// TODO: Add constructor logic here//
        }public Colour(string colourSystem, string colourName,string rgb){this._ColourSystem = colourSystem;this._ColourName = colourName;this._RGB = rgb;}}
}

对象创建好之后，我们淮备一些数据来填充它。

private List<Colour> OrgDataSource(){List<Colour> oData = new List<Colour>();oData.Add(new Colour("Warm color", "red", "ff0000"));oData.Add(new Colour("Warm color", "orange", "ffa500"));oData.Add(new Colour("Warm color", "yellow", "ffff00"));oData.Add(new Colour("Cool color", "green", "008000"));oData.Add(new Colour("Cool color", "blue", "0000ff"));return oData;}

接下来，我们创建一个网页，如Default.aspx，然后拉一个CheckBoxList控件入网页中：

现在，我们需要从上面准备好的对象中过滤一些数据来绑定至这个CheckBoxList控件，从List<Colour>泛型中过滤数据：


过滤好数据，我们就可以绑定给CheckBoxList控件。

看看效果：

到这里，你学到什么？学到了过滤List<T>的数据，还学会了把List<T>绑定至CheckBoxList控件内。

跟着，我们在Default.aspx网页内，写Repeater控件， 控件内绑定一个Button按钮：

由于这个Repeter控件是随参数(ColourSystem)不同，而显示不同的数据，所在我们需要写一个方法，去过滤List<Colour> OrgDataSource()

下面，我们还要写一个方法，就是想办法把CheckBoxList控件选项选中的存起来。

现在，我们需要对CheckBoxlist控件选择时，有对Repeater控件数据绑定异动，在Default.aspx网页上，在CheckBoxList控件添加一个属性和一个事件：

我们在OnSelectedIndexchanged事件中，绑定Repeater控件：

看到否? List<Colour> 泛型绑定给Repeater控件，相信你也会了。看看效果吧：



写到这里，已经接近尾声了，也是最重要的部分，怎样写呢，要求是用户点击铵钮时，能改变铵钮的颜色，其实这个也是Repeater控件内铵钮事件异动而已。
我们在Default.aspx网页的Repeater控件，添加一个事件：

去Default.aspx.cs写上面的事件：

上图中，即是说把Reaper控件的Button铵钮的Click事件， InsusButton_Click：

第110行代码，就是改变按钮的颜色。看看效果：

大功告成。