2

我正在使用带有验证和保存按钮的组合框，如下所示：

<ComboBox   ItemsSource="{Binding ...}" 
            x:Name="cmbGenerationTariff" IsEnabled="False" >
    <ComboBox.SelectedItem>
        <Binding Path="..." UpdateSourceTrigger="PropertyChanged" Mode="TwoWay">
            <Binding.ValidationRules>
                <common:ValidationRuleStringAnyLength  ValidatesOnTargetUpdated="True"/>
            </Binding.ValidationRules>
        </Binding>
    </ComboBox.SelectedItem>
</ComboBox>

...

<Button x:Name="btnSaveSite" Click="btnSave_Click"  Content="SAVE">
    <Button.Style>
        <Style TargetType="{x:Type Button}">
            <Setter Property="IsEnabled" Value="false" />
            <Style.Triggers>
                <MultiDataTrigger>
                    <MultiDataTrigger.Conditions>                           
                        <Condition Binding="{Binding ElementName=cmbGenerationTariff, Path=(Validation.HasError)}" Value="false" />
                        <Condition Binding="{Binding ElementName=cmbTimeZone, Path=(Validation.HasError)}" Value="false" />                         
                        <Condition Binding="{Binding ElementName=txtCity, Path=(Validation.HasError)}" Value="false" />
                        <Condition Binding="{Binding ElementName=cmbCountry, Path=(Validation.HasError)}" Value="false" />
                    </MultiDataTrigger.Conditions>
                    <Setter Property="IsEnabled" Value="true" />
                </MultiDataTrigger>
            </Style.Triggers>
        </Style>
    </Button.Style>
</Button>

它工作得很好。如果所有元素都有效，则启用保存按钮。

我想要的是在禁用元素时也启用保存按钮（换句话说，我不需要验证禁用元素的值）。

我该怎么做？我可以使用“或”条件（元素有效或元素被禁用）吗？

4

2 回答 2

4

正如@Adi Lester 所说，在这里使用MVVM 模式可能会更好。
考虑通过 NuGet 添加例如MVVMLight作为依赖项，以便更容易上手。

如果你这样做，你将对你的逻辑有更好的控制。考虑简单的窗口XAML

<Window.DataContext>
    <local:MainViewModel />
</Window.DataContext>
<StackPanel>
    <!--Bind to Text and IsEnabled properties in ViewModel-->
    <TextBox Text="{Binding Text, UpdateSourceTrigger=PropertyChanged}" 
             IsEnabled="{Binding IsEnabled}">
    </TextBox>
    <!--Bind to IsEnabled property in ViewModel-->
    <CheckBox Content="Text input enabled" 
              IsChecked="{Binding IsEnabled}">
    </CheckBox>
    <!--Bind to SaveCommand in ViewModel-->
    <Button Content="Save" 
            Command="{Binding SaveCommand}">
    </Button>
</StackPanel>

MainWindow代码隐藏保持原样并且MainViewModel（DataContext）在哪里

public class MainViewModel : ViewModelBase // <- MVVMLight ViewModel base class
{
    private string _text = null;
    private bool _isEnabled = true;

    public MainViewModel()
    {
        SaveCommand = new RelayCommand(
            // Execute command
            () => Console.WriteLine(@"Save command received, input value:{0}", Text),
            // Can execute command?
            () => !IsEnabled || (IsEnabled && !string.IsNullOrWhiteSpace(Text)));
    }

    public ICommand SaveCommand { get; set; }

    public string Text
    {
        get { return _text; }
        set { _text = value; RaisePropertyChanged(); }
    }

    public bool IsEnabled
    {
        get { return _isEnabled; }
        set { _isEnabled = value; RaisePropertyChanged(); }
    }
}

塔达！现在，您有了在输入文本或未选中复选框时切换Save按钮的逻辑。on作为额外的奖励，你现在正式做对了；）

在此处输入图像描述

于 2016-01-04T09:38:51.830 回答
2

看起来您没有使用 MVVM，但正确的做法是为您的按钮使用命令并CanExecute在视图模型中包含逻辑。在那里，您应该能够访问数据的状态并执行更复杂的验证逻辑。

于 2016-01-04T09:12:43.367 回答