按钮已禁用 - DialogHost 和日历

Question

所以出于某种原因我无法启用该按钮。我在 Pickers 用户控件中使用倒数第二个示例（MaterialDesignInXamlToolkit ) - https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit/blob/master/MainDemo.Wpf/Pickers.xaml

根据所附图片，这是我在运行以下代码（原始代码）时看到的内容：

<StackPanel Orientation="Horizontal" Margin="0 25 0 15" HorizontalAlignment="Center" IsEnabled="True">
                <TextBlock Foreground="{DynamicResource MaterialDesignBodyLight}" Text="{Binding Date, StringFormat=d}" VerticalAlignment="Center" FontSize="24" />
                <Button Margin="8 0 0 0" Content="..."
                        IsEnabled="True"
                        materialDesign:DialogHost.DialogOpenedAttached="CalendarDialogOpenedEventHandler"
                        materialDesign:DialogHost.DialogClosingAttached="CalendarDialogClosingEventHandler"
                        Command="{x:Static materialDesign:DialogHost.OpenDialogCommand}">
                    <Button.CommandParameter>
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>
                            <Calendar x:Name="Calendar" Margin="-1 -4 -1 0" />
                            <StackPanel Grid.Row="1" Margin="8" HorizontalAlignment="Right" Orientation="Horizontal">
                                <Button Command="{x:Static materialDesign:DialogHost.CloseDialogCommand}" IsDefault="True" CommandParameter="1" Style="{DynamicResource MaterialDesignFlatButton}">OK</Button>
                                <Button Command="{x:Static materialDesign:DialogHost.CloseDialogCommand}" IsCancel="True" CommandParameter="0" Style="{DynamicResource MaterialDesignFlatButton}">CANCEL</Button>
                            </StackPanel>
                        </Grid>
                    </Button.CommandParameter>
                </Button>

我确实看过这个类似的 post 但没有赢 - MaterialDesignXamlToolkit wpf dialoghost buttons are disabled when opened

xaml.cs:

        public void CalendarDialogOpenedEventHandler(object sender, DialogOpenedEventArgs eventArgs)
    {
        Calendar.SelectedDate = ((ClientIntroViewModel)DataContext).Date;
    }

    public void CalendarDialogClosingEventHandler(object sender, DialogClosingEventArgs eventArgs)
    {
        if (!Equals(eventArgs.Parameter, "1")) return;

        if (!Calendar.SelectedDate.HasValue)
        {
            eventArgs.Cancel();
            return;
        }

        ((ClientIntroViewModel)DataContext).Date = Calendar.SelectedDate.Value;
    }

最新XAML:

<StackPanel Orientation="Horizontal" Margin="0 25 0 0" HorizontalAlignment="Center" IsEnabled="True">
                <Label Foreground="{DynamicResource MaterialDesignBodyLight}" VerticalAlignment="Center" Margin="0,0,5,0">Birth Date:</Label>
                <TextBlock Foreground="{DynamicResource MaterialDesignBodyLight}" Text="{Binding Date, StringFormat=d}" VerticalAlignment="Center" FontSize="24" />
                <Button Margin="8 0 0 0" Content="..."
                IsEnabled="True"
                materialDesign:DialogHost.DialogOpenedAttached="CalendarDialogOpenedEventHandler"
                materialDesign:DialogHost.DialogClosingAttached="CalendarDialogClosingEventHandler"
                Command="{x:Static materialDesign:DialogHost.OpenDialogCommand}"
                CommandTarget="{Binding ElementName=PopupAddCustom}">
                </Button>

                <materialDesign:DialogHost Name="PopupAddCustom" HorizontalAlignment="Center" VerticalAlignment="Center" IsOpen="False" >
                    <materialDesign:DialogHost.DialogContent>
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>
                            <Calendar x:Name="Calendar" Margin="-1 -4 -1 0" />
                            <StackPanel Grid.Row="1" Margin="8" HorizontalAlignment="Right" Orientation="Horizontal">
                                <Button Command="{x:Static materialDesign:DialogHost.CloseDialogCommand}" IsDefault="True"
                    CommandParameter="1" Style="{DynamicResource MaterialDesignFlatButton}">OK</Button>
                                <Button Command="{x:Static materialDesign:DialogHost.CloseDialogCommand}" IsCancel="True"
                    CommandParameter="0" Style="{DynamicResource MaterialDesignFlatButton}">CANCEL</Button>
                            </StackPanel>
                        </Grid>
                    </materialDesign:DialogHost.DialogContent>
                </materialDesign:DialogHost>
            </StackPanel>

Answer 1

您没有在 Button 上设置 CommandTarget 属性，这就是它未启用的原因。

<Button Margin="8 0 0 0" Content="..."
        IsEnabled="True"
        Command="{x:Static materialDesign:DialogHost.OpenDialogCommand}"
        CommandTarget="{Binding ElementName=PopupAddCustom}">
</Button>

<materialDesign:DialogHost Name="PopupAddCustom" HorizontalAlignment="Center" VerticalAlignment="Center" IsOpen="False"
                        materialDesign:DialogHost.DialogOpenedCallback="CalendarDialogOpenedEventHandler"
                        materialDesign:DialogHost.DialogClosingCallback="CalendarDialogClosingEventHandler">
    <materialDesign:DialogHost.DialogContent>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
            <Calendar x:Name="Calendar" Margin="-1 -4 -1 0" />
            <StackPanel Grid.Row="1" Margin="8" HorizontalAlignment="Right" Orientation="Horizontal">
                <Button Command="{x:Static materialDesign:DialogHost.CloseDialogCommand}" IsDefault="True"
                        CommandParameter="1" Style="{DynamicResource MaterialDesignFlatButton}">OK</Button>
                <Button Command="{x:Static materialDesign:DialogHost.CloseDialogCommand}" IsCancel="True"
                        CommandParameter="0" Style="{DynamicResource MaterialDesignFlatButton}">CANCEL</Button>
            </StackPanel>
        </Grid>
    </materialDesign:DialogHost.DialogContent>
</materialDesign:DialogHost>

按钮已禁用 - DialogHost 和日历

Button disabled - DialogHost & Calendar

c#

wpf

xaml

dialog

material-design-in-xaml