在Silverlight开发中经常需要在DataGrid中添加复选列,于是会想到使用DataGridCheckBoxColumn列,可是在运行后发现CheckBox需要点击两次才可以选中,第一次点击只是选中DataGridCell,很显然会影响用户体验,想要规避这一问题很简单,就是使用DataGridTemplateColumn列,在数据模板中添加一个CheckBox,测试后发现只需点击一次即可选中。注意:需要将模板列中的CheckBox水平和竖直方向居中,即VerticalAlignment="Center" HorizontalAlignment="Center"。
主要代码如下:
<sdk:DataGrid AutoGenerateColumns="False" Margin="10" Name="dataGridProduct" ItemsSource="{Binding Products}">
<sdk:DataGrid.Columns>
<sdk:DataGridCheckBoxColumn Header="DataGridCheckBoxColumn" Binding="{Binding IsChecked,Mode=TwoWay}"/>
<sdk:DataGridTemplateColumn Header="DataGridTemplateColumn">
<sdk:DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<CheckBox IsChecked="{Binding IsChecked,Mode=TwoWay}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
</DataTemplate>
</sdk:DataGridTemplateColumn.CellTemplate>
</sdk:DataGridTemplateColumn>
<sdk:DataGridTextColumn Header="Name" Binding="{Binding Name}" IsReadOnly="True"/>
<sdk:DataGridTextColumn Header="Price" Binding="{Binding Price}" IsReadOnly="True"/>
</sdk:DataGrid.Columns>
</sdk:DataGrid>