【问题标题】:How can I center align the content of a header template for a Silverlight 3 datagrid?如何将 Silverlight 3 数据网格的标题模板的内容居中对齐?
【发布时间】:2010-01-22 11:28:18
【问题描述】:

我想在我的数据网格的标题中添加一个复选框,但是,我似乎无法将复选框居中对齐。

这是我的 xaml:

<data:DataGrid 
x:Name="myDataGrid"
VerticalAlignment="Top" 
Width="300" 
Grid.Column="0" 
AutoGenerateColumns="False">
<data:DataGrid.Columns>                    
    <data:DataGridCheckBoxColumn Binding="{Binding IsNew}" Width="80">
        <data:DataGridCheckBoxColumn.HeaderStyle>
            <Style TargetType="dataprimitives:DataGridColumnHeader">
                <Setter Property="ContentTemplate">
                    <Setter.Value>
                        <DataTemplate>
                            <Border Background="Red" Width="80" HorizontalAlignment="Center">
                                <CheckBox
                                    x:Name="chkAll" 
                                    HorizontalAlignment="Center" 
                                    HorizontalContentAlignment="Center"
                                    Click="chk_Click">
                                </CheckBox>
                            </Border>
                        </DataTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </data:DataGridCheckBoxColumn.HeaderStyle>
    </data:DataGridCheckBoxColumn>
    <data:DataGridTextColumn Header="First Name" Binding="{Binding FirstName}" Width="50" />
    <data:DataGridTextColumn Header="Last Name" Binding="{Binding LastName}" Width="100" />
</data:DataGrid.Columns>

我的数据网格的屏幕截图可见:http://img686.imageshack.us/img686/5109/datagrid.png

我只使用了边框来说明问题,但我也尝试了 Grid 和 Stackpanel 以及将复选框直接放在 DataTemplate 标签下,但都无济于事。如何让复选框居中?

任何帮助将不胜感激。

【问题讨论】:

    标签: silverlight silverlight-3.0 datagrid


    【解决方案1】:

    问题是DataGridColumnHeader 的默认控件模板在右侧为 SortIcon 的外观提供了 12 个像素。删除您的 Border 并将 Margin="12,0,0,0" 添加到 CheckBox 中,它应该排成一行。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-04-05
      • 1970-01-01
      • 1970-01-01
      • 2010-11-18
      • 2016-10-29
      • 2011-08-29
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多