Question

我想将箭头指示符添加到WPF DataGrid中当前选中的任何行。如果有人有更好的方法，我愿意改变，但是我打算用DataGridTemplateColumn做什么，并为单元格和行使用两种不同的样式。

<DataGridTemplateColumn Header="ID" Width="50" CanUserSort="False">
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <TextBox Name="txtID" Text="{Binding ID, UpdateSourceTrigger=PropertyChanged}" HorizontalAlignment="Stretch" MaxLength="20" />
                <TextBox Name="txtArrow" Text="&#x21E8;" HorizontalAlignment="Stretch" Visibility="{Binding IsRowSelected, Converter={StaticResource booleanToVisibility}}" />
            </StackPanel>
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>

基本上，我希望txtArrow文本框仅显示数据网格中的选定行。我想知道这是否可以通过纯XAML和样式实现。我知道WPF在最左边的列中有一个开箱即用的行指示符，但不幸的是我需要在第一列txtID的右侧创建指示符。这可能吗？

谢谢！

Answer 1

<DataGrid>
    <DataGrid.Columns>
        <DataGridTemplateColumn Header="ID" Width="50" CanUserSort="False">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <TextBox Name="txtID" Text="{Binding ID, UpdateSourceTrigger=PropertyChanged}" HorizontalAlignment="Stretch" MaxLength="20" />
                        <TextBox Name="txtArrow" Text="&#x21E8;" HorizontalAlignment="Stretch">
                            <TextBox.Visibility>
                                <Binding Path="IsSelected" RelativeSource="{RelativeSource AncestorType=DataGridRow}">
                                    <Binding.Converter>
                                        <BooleanToVisibilityConverter/>
                                    </Binding.Converter>
                                </Binding>
                            </TextBox.Visibility>
                        </TextBox>
                    </StackPanel>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>

Answer 2

我没有改变样式，而是使用MultiDataTrigger根据数据网格中选择的行显示我想要的箭头指示符。这是否是最佳解决方案还有争议，但行指示器只是我的单元格中与另一个文本框共享空间的网格（而不是堆栈面板）中的箭头文本字符。代码如下所示：

<DataGridTemplateColumn Header="ID" Width="50" CanUserSort="False">
<DataGridTemplateColumn.CellTemplate>
    <DataTemplate>
        <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
            <Grid.ColumnDefinition Width="*" />
            <Grid.ColumnDefinition Width="*" />
            <TextBox Name="txtID" Text="{Binding ID, UpdateSourceTrigger=PropertyChanged}" MaxLength="20" />
            <TextBox Name="txtArrow" HorizontalAlignment="Stretch">
                <TextBox.Style>
                    <Style TargetType="TextBox" BaseOn="{StaticResource MyTextBoxStyle}">
                        <Style.Triggers>
                            <MultiDataTrigger>
                                <MultiDataTrigger.Conditions>
                                    <Condition Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type DataGridRow}}, Path=IsSelected}" Value="True" /> 
                                </MultiDataTrigger.Conditions>
                                <Setter Property="Text" Value="--&gt;" />
                            </MultiDataTrigger>
                        </Style.Triggers>
                    </Style>
                </TextBox.Style>
            </TextBox>
        </Grid>
    </DataTemplate>
</DataGridTemplateColumn.CellTemplate>

WPF DataGrid单击行时可以更改单元格样式吗？

2 个答案: