Question

我想将一个带有TextBlocks的列表框作为项目。当用户单击/选择项目时，它将更改为TextBox以进行编辑。一旦控件失去焦点，项目就会转回TextBlock。

以下XAML几乎正在工作，因为TextBlock在选中时会变成TextBox。如果我在列表中选择另一个项目，它也会返回到TextBlock。问题是，如果我移出列表框（在本例中为“添加新文本”框），列表项将保留为TextBox。

问题（WPF ListViewItem lost focus event - How to get at the event?）看起来很有希望，但我无法使其发挥作用。我尝试使用IsFocused属性，但后来我无法编辑文本框，因为当我进入文本框时，listboxitem将失去焦点，因此在我有机会编辑文本之前返回到TextBlock。

如果列表框/项目失去焦点，如何让TextBox转回TextBlock？

（欢迎任何其他实现目标的实现）

<Window x:Class="MyView.MainWindow1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
        Title="MainWindow1" Height="300" Width="200">
    <Window.Resources>
        <DataTemplate x:Key="ItemTemplate">
            <TextBlock Text="{Binding Name}" />
        </DataTemplate>

        <DataTemplate x:Key="SelectedTemplate">
            <TextBox Text="{Binding Name, Mode=TwoWay}" />
        </DataTemplate>

        <Style TargetType="{x:Type ListBoxItem}" x:Key="ContainerStyle">
            <Setter Property="ContentTemplate" Value="{StaticResource ItemTemplate}" />
            <Style.Triggers>
                <Trigger Property="IsSelected" Value="True">
                    <Setter Property="ContentTemplate" Value="{StaticResource SelectedTemplate}" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>

    <StackPanel >
        <ListBox ItemsSource="{Binding Departments}" HorizontalContentAlignment="Stretch"
                 ItemContainerStyle="{StaticResource ContainerStyle}" />
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>
            <TextBox  Text="{Binding NewDepartmentName, Mode=TwoWay}"  />
            <Button Grid.Column="1" Width="50" Content="Add" Command="{Binding Path=AddNewDepartmentCommand}" />
        </Grid>
    </StackPanel>
</Window>

Answer 1

这不能解答您的问题，但是当未选择listboxitem时，通过使文本框看起来像文本块来提供替代解决方案：

<Page.Resources>
    <ResourceDictionary>
        <Style x:Key="ListBoxSelectableTextBox" TargetType="{x:Type TextBox}">
            <Setter Property="IsHitTestVisible" Value="False" />
            <Style.Triggers>
                <DataTrigger Binding="{Binding IsSelected, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListBoxItem}, AncestorLevel=1}}" Value="True">
                    <Setter Property="IsHitTestVisible" Value="True" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </ResourceDictionary>
</Page.Resources>
<Grid>
    <ListBox ItemsSource="{Binding Departments}" HorizontalContentAlignment="Stretch">
        <ListBox.ItemTemplate>
            <DataTemplate>
                <TextBox Margin="5" Style="{StaticResource ListBoxSelectableTextBox}" Text="{Binding Name}" BorderBrush="{x:Null}"/>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>
</Grid>

Answer 2

有很多方法可以做到这一点：

以上回答
基于TextBoxBase创建一个TextBox样式，这样当禁用时，通过设置BorderThickness =“0”，使TextBox看起来像TextBlock，背景=“透明”
在每个ListViewItem上都有TextBlock和TextBox，并使用上面的答案技术隐藏并显示TextBlock / TextBox

在WPF中更改丢失焦点事件的列表框模板

2 个答案: