在C1FlexGrid for Silverlight的列头中添加CheckBox功能

在WinForms和WebForms程序中，我们使用表格控件时经常会有这样的需求：如果这一列的单元格时CheckBox类型，我们希望在列头也添加一个CheckBox，通过对列头CheckBox的操作来完成对该列所有CheckBox的选中/不选中操作。下面我们就来看一看在C1FlexGrid for Silverlight中如何实现这一功能。

功能要求：

• 当对列头中的CheckBox进行选中操作时，这一列中所有的CheckBox将被选中
• 当对列头中的CheckBox进行不选中操作时，这一列中所有的CheckBox将不被选中
• 当这一列中所有CheckBox都被选中时，列头中的CheckBox也应该是选中状态
• 当这一列中所有CheckBox都不被选中时，列头中的CheckBox也应该是不选中状态

实现步骤：
第一步：设置数据源，我们以个人信息作为FlexGrid的数据源，代码如下：

1. public class Person : INotifyPropertyChanged
   
2. {
   
3.     private int id;
   
4.     private string fname;
   
5.     private string lname;
   
6.     private bool present;
   
7. 
   
8.     public event PropertyChangedEventHandler PropertyChanged;
   
9. 
   
10.     public int ID
    
11.     {
    
12.         get { return id; }
    
13.         set
    
14.         {
    
15.             id = value;
    
16.             OnPropertyChanged("ID");
    
17.         }
    
18.     }
    
19. 
    
20. 
    
21.     public string FName
    
22.     {
    
23.         get { return fname; }
    
24.         set
    
25.         {
    
26.             fname = value;
    
27.             OnPropertyChanged("FName");
    
28.         }
    
29.     }
    
30. 
    
31.     public string LName
    
32.     {
    
33.         get { return lname; }
    
34.         set
    
35.         {
    
36.             lname = value;
    
37.             OnPropertyChanged("LName");
    
38.         }
    
39.     }
    
40. 
    
41.     public bool Present
    
42.     {
    
43.         get { return present; }
    
44.         set
    
45.         {
    
46.             present = value;
    
47.             OnPropertyChanged("Present");
    
48.         }
    
49.     }
    
50. 
    
51.     protected void OnPropertyChanged(string name)
    
52.     {
    
53.         PropertyChangedEventHandler handler = PropertyChanged;
    
54.         if (handler != null)
    
55.         {
    
56.             handler(this, new PropertyChangedEventArgs(name));
    
57.         }
    
58.     }
    
59. }

复制代码

1. List<Person> datasource = new List<Person>();
   
2. 
   
3. #region "Test Data"
   
4. datasource.Add(new Person() { ID = 1, FName = "Robert", LName = "Ludlum", Present = true });
   
5. datasource.Add(new Person() { ID = 2, FName = "Tom", LName = "Clancy", Present = true });
   
6. datasource.Add(new Person() { ID = 3, FName = "Frederick", LName = "Forsyth", Present = false });
   
7. datasource.Add(new Person() { ID = 4, FName = "Dan", LName = "Brown", Present = true });
   
8. datasource.Add(new Person() { ID = 5, FName = "Paulo", LName = "Coelho", Present = false });
   
9. datasource.Add(new Person() { ID = 6, FName = "John", LName = "Grisham", Present = false });
   
10. #endregion
    
11. 
    
12. this.c1FlexGrid1.ItemsSource = datasource;

复制代码

第二步:设置XAML中FlexGrid各个列的数据绑定信息

1. <Grid x:Name="LayoutRoot" Background="White">
   
2.     <my:C1FlexGrid Name="c1FlexGrid1" AutoGenerateColumns="False">
   
3.         <my:C1FlexGrid.Columns>
   
4.             <my:Column Header="ID" Binding="{Binding ID, Mode=OneWay}"/>
   
5.             <my:Column Header="First Name" Binding="{Binding FName, Mode=TwoWay}"/>
   
6.             <my:Column Header="Last Name" Binding="{Binding LName, Mode=TwoWay}"/>
   
7.             <my:Column Header="Present" Binding="{Binding Present, Mode=TwoWay}">
   
8.             </my:Column>
   
9.         </my:C1FlexGrid.Columns>
   
10.     </my:C1FlexGrid>
    
11. </Grid>

复制代码

第三步:实现选择/不选择的行为
为了在boolean类型的列中添加CheckBox功能，需要实现用户自定义的C1.Silverlight.FlexGrid.CellFactory类，在CheckBox类型的列中，我们需要处理以下操作：
1.  选择/不选择列头中的CheckBox控件
2.  选择/不选择单元格中的CheckBox控件

下面的代码重写了CreateColumnHeaderContent方法，以此来创建列头中的CheckBox控件，并通过CheckBox的Click事件来改变其选中和不选中状态：

1. //实现列头中的CheckBox功能
   
2. public override void CreateColumnHeaderContent(C1.Silverlight.FlexGrid.C1FlexGrid grid, Border bdr, C1.Silverlight.FlexGrid.CellRange range)
   
3. {
   
4.     base.CreateColumnHeaderContent(grid, bdr, range);
   
5.     if (grid.Columns[range.Column].DataType == typeof(Boolean))
   
6.     {
   
7.         chk = new CheckBox();
   
8.         chk.Content = "Present";
   
9.         bdr.Child = chk;
   
10.         parentgrid = grid;
    
11.         parentrange = range;
    
12.         // 添加Click事件，处理其选择/不选择状态
    
13.         chk.Click += new RoutedEventHandler(chk_Click);
    
14.     }
    
15. }
    
16. 
    
17. 
    
18. void chk_Click(object sender, RoutedEventArgs e)
    
19. {
    
20.     //如果列头中的CheckBox为选中状态，就设置该列中所有CheckBox为选中状态
    
21.     if ((sender as CheckBox).IsChecked == true)
    
22.     {
    
23.         for (int i = 0; i <= parentgrid.Rows.Count - 1; i++)
    
24.         {
    
25.             parentgrid[i, parentrange.Column] = true;
    
26.         }
    
27.     }
    
28.     else
    
29.     //如果列头中的CheckBox为不选中状态，就设置该列中所有CheckBox为不选中状态
    
30.     {
    
31.         for (int i = 0; i <= parentgrid.Rows.Count - 1; i++)
    
32.         {
    
33.             parentgrid[i, parentrange.Column] = false;
    
34.         }
    
35.     }
    
36. }

复制代码

下面，需要处理单元格中所有CheckBox的选择/不选择操作。通过重写CreateCellContent方法可以处理单元格中CheckBox的选中/不选中状态，并依赖于这些状态来修改列头中CheckBox的状态，代码如下：

1. //实现单元格中的CheckBox功能
   
2. public override void CreateCellContent(C1.Silverlight.FlexGrid.C1FlexGrid grid, Border bdr, C1.Silverlight.FlexGrid.CellRange range)
   
3. {
   
4.     base.CreateCellContent(grid, bdr, range);
   
5.     if (bdr.Child.GetType() == typeof(CheckBox))
   
6.     {
   
7.         CheckBox childCkBox = bdr.Child as CheckBox;               
   
8.         childCkBox.Checked += new RoutedEventHandler(childCkBox_Checked);
   
9.         childCkBox.Unchecked += new RoutedEventHandler(childCkBox_Unchecked);
   
10.     }
    
11. }
    
12. 
    
13. // 如果该类所有单元格中CheckBox都是选中状态，就将列头中的CheckBox设置为选中状态
    
14. void childCkBox_Checked(object sender, RoutedEventArgs e)
    
15. {
    
16.     bool chkflag = true;   
    
17.     for (int i = 0; i < parentgrid.Rows.Count; i++)
    
18.     {
    
19.         if ((bool)parentgrid[i, parentrange.Column] == false)
    
20.         {
    
21.             chkflag = false;
    
22.             break;
    
23.         }
    
24.     }
    
25. 
    
26.     if (chkflag)
    
27.         chk.IsChecked = true;
    
28. }
    
29. 
    
30. // 如果该类所有单元格中CheckBox都是未选中状态，就将列头中的CheckBox设置为未选中状态
    
31. void childCkBox_Unchecked(object sender, RoutedEventArgs e)
    
32. {
    
33.     chk.IsChecked = false;
    
34. }

复制代码

最终效果：


附上源码：VS2010 + ComponentOne for Silverlight 2011V3