WPF, показывающий элемент управления с помощью DataTrigger, пропускает его в TabOrder - PullRequest
0 голосов
/ 23 октября 2019

Я хотел бы показать текстовое поле «дополнительные сведения», когда предыдущее значение TextBox не равно 0,00 (нулю). Это легко сделать с помощью DataTriggers:

<TextBox Name="FirstTB" Text="{Binding Amount, StringFormat=F2}"/><!--when this TB is not 0-->
<TextBox Name="SecondTB"> <!--show this TB-->
    <TextBox.Style>
        <Style TargetType="{x:Type TextBox}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding Amount}" Value="0">
                    <Setter Property="Visibility" Value="Hidden"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </TextBox.Style>
</TextBox>
<TextBox Name="ThirdTB"/>

Однако проблема заключается в том, что при изменении значения FirstTB на <> 0 и нажатии Tab фокус переходит на ThirdTB вместо SecondTB (хотя SecondTB теперь виден из-за DataTrigger). Как я могу исправить эту проблему?


К сожалению, UpdateSourceTrigger=PropertyChanged не представляется опцией из-за вмешательства в StringFormat s - он дает ужасный UX при редактировании значения, carretпрыгает как сумасшедший из-за постоянной оценки StringFormat. Модель представления, использованная в примере выше:

public class MyVM : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    private double _amount;
    public double Amount
    {
        get { return _amount; }
        set
        {
            _amount = value;
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(Amount)));
        }
    }

}

Ответы [ 2 ]

1 голос
/ 23 октября 2019

Может быть, глупая работа вокруг. Но это сделает работу:

Просмотр:

<TextBox Name="SecondTB" IsVisibleChanged="SecondTB_OnIsVisibleChanged">
     <!--show this TB-->
     <TextBox.Style>
         <Style TargetType="{x:Type TextBox}">
              <Style.Triggers>
                    <DataTrigger Binding="{Binding Amount, Mode=OneWay}" Value="0">
                         <Setter Property="Visibility" Value="Collapsed"/>
                    </DataTrigger>
              </Style.Triggers>
         </Style>
    </TextBox.Style>
</TextBox>

C #:

private void SecondTB_OnIsVisibleChanged(object sender, DependencyPropertyChangedEventArgs e)
{
    if (((bool) e.NewValue))
    {
        if(!(sender is TextBox txbx)) return;
        ThirdTB.GotFocus += ThirdTbOnGotFocus;
    }
}

private void ThirdTbOnGotFocus(object sender, RoutedEventArgs e)
{
    SecondTB.Focus();
    ThirdTB.GotFocus -= ThirdTbOnGotFocus;
}
0 голосов
/ 23 октября 2019

Если вы используете IValueConverter, вы получите очень элегантный способ решения вашей проблемы. При каждом изменении значения вызывается логика.


public class IsZeroToHiddenConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is double d && d == 0)
            return Visibility.Hidden;
        return Visibility.Visible;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

Вы также можете поиграть и добавить ConverterParameter, чтобы решить, хотите ли вы поведение Collapsed или Hidden.

Использование


<Grid>
    <Grid.Resources>
        <local:IsZeroToHiddenConverter x:Key="IsZeroToHiddenConverter"/>
    </Grid.Resources>
    <Grid VerticalAlignment="Center" HorizontalAlignment="Center">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <TextBox x:Name="Tb1" Grid.Row="0" Width="100" Margin="5" Text="{Binding Path=Amount, StringFormat=F2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>
        <TextBox x:Name="Tb2" Grid.Row="1" Width="100" Margin="5" Visibility="{Binding Path=Amount, Converter={StaticResource IsZeroToHiddenConverter}}"/>
        <TextBox x:Name="Tb3" Grid.Row="2" Width="100" Margin="5"/>
    </Grid>
</Grid>

Предварительный просмотр

enter image description here

...