WPF 选项卡控件。将按钮绑定到具有 CanExecute 条件的命令在子视图中

Question

场景是这样的：在 UserControl 中有一个加载不同视图的 TabControl 和一个按钮。喜欢这张图片：

按钮 "Save" 只有在 "Name" 和 "Owner" 字段不为空时才能启用。 这些字段位于 ItemTab 中加载的子视图中。

这是XAML（只有1个TabItem来简化）

<UserControl 
    x:Class="Winvet.Desktop.Views.VCliente.DatosCliente"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    mc:Ignorable="d" 
    xmlns:viewModels="clr-namespace:Winvet.Desktop.ViewModels.VMCliente"
    xmlns:views="clr-namespace:Winvet.Desktop.Views.VCliente">

    <Grid Margin="10 5 10 10">

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="7*"/>
            <ColumnDefinition Width="3*"/>
        </Grid.ColumnDefinitions>

        <TabControl Grid.Column="0" Name="TabDatosCliente" ItemsSource="{Binding ItemsTabDatosCliente}" SelectedIndex="0">

            <TabControl.Resources>
                <DataTemplate DataType="{x:Type viewModels:DatosClienteGeneralViewModel}">
                    <views:DatosClienteGeneral/>
                </DataTemplate>
            </TabControl.Resources>

            <TabControl.ItemTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding Header}" />
                </DataTemplate>
            </TabControl.ItemTemplate>  

        </TabControl>

        <StackPanel Grid.Column="1" Orientation="Horizontal">
            <Button VerticalAlignment="Bottom" Command="{ I want to bind this }">Guardar</Button>
        </StackPanel>

    </Grid>
</UserControl>

这是 ViewModel（只有 1 个 TabItem 需要简化）

using System.Collections.ObjectModel;
using Winvet.Desktop.Common;

namespace Winvet.Desktop.ViewModels.VMCliente
{
    public class DatosClienteViewModel: ViewModelBase
    {                 
        public ObservableCollection<ViewModelBase> ItemsTabDatosCliente { get; private set; }
        public DatosClienteViewModel()
        {
            ItemsTabDatosCliente = new ObservableCollection<ViewModelBase>
            {
                new DatosClienteGeneralViewModel()
            };
        }
    }
}

我不想创建一个命令来检查这两个子视图字段是否不为空并启用按钮。我该怎么做？

Answer 1

路由命令在整个界面中挖掘和冒泡，因此只要您与引发事件的项目处于同一视觉分支中，您就可以在任何地方处理它。

因此在您的 VIEW 中

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        CommandBindings.Add(new CommandBinding(command, execute, canExecute));
    }

    private void canExecute(object sender, CanExecuteRoutedEventArgs e)
    {
        throw new NotImplementedException();
        //at this point you can pass it to your ViewModel
    }

    private void execute(object sender, ExecutedRoutedEventArgs e)
    {
        throw new NotImplementedException();
        //at this point you can pass it to your ViewModel
    }
}

其中 command 是在您的按钮命令上设置的 RoutedCommand 属性

WPF 选项卡控件。将按钮绑定到具有 CanExecute 条件的命令在子视图中

WPF Tabcontrol. Bind button to a command with CanExecute conditions are in childview

c#

wpf

command

tabcontrol

button