弹出用户控件作为内容自动关闭鼠标单击

时间:2013-09-10 12:26:45

标签: c# wpf popup

我有一个包含Calender + timepicker的WPF用户控件。 我打算在弹出窗口中使用此usercontrol并在文本框焦点上显示弹出窗口。 我的问题是我能够正确显示弹出窗口,但是当用户在日历中选择日期时,弹出窗口会自动关闭。

在选择特定日期之前,用户基本上无法滚动浏览年/月/日。如何保持弹出窗口打开,直到文本框失去焦点。

我尝试过StaysOpen + isOpen,但两者都没有用。

感谢

我发布了XAML的一部分,我在texbox的控件模板中发布了

<Popup x:Name="DatePickerPopup" IsOpen="False"
                           Width="{Binding ActualWidth, RelativeSource={RelativeSource TemplatedParent}}"
                           Height="{TemplateBinding Height}">
                        <Grid>
                            <Calendar/>
                        </Grid>
                    </Popup>

在自定义控件中使用bool Dependency属性

<Popup x:Name="DatePickerPopup" IsOpen="{Binding IsPopupOpen, RelativeSource={RelativeSource TemplatedParent}}"
                           Width="{Binding ActualWidth, RelativeSource={RelativeSource TemplatedParent}}"
                           Height="{TemplateBinding Height}">
                        <Grid>
                            <Calendar/>
                        </Grid>
                    </Popup>

2 个答案:

答案 0 :(得分:1)

我在几个Popup控件中有类似的功能,IsOpen对我来说非常合适......我不确定你在做什么。我将它绑定到bool属性,只需在我希望它打开或关闭时更改此属性值:

<Popup Name="SuggestionsPopup" IsOpen="{Binding IsPopupOpen, RelativeSource={
    RelativeSource Mode=FindAncestor, AncestorType={x:Type Controls:
    AutoCompleteTextBox}}}" StaysOpen="False" MaxHeight="{Binding MaxPopupHeight, 
    RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Controls:
    AutoCompleteTextBox}}}" AllowsTransparency="True">

答案 1 :(得分:0)

我已经解决了这个问题。 我实际下载了WPF工具包的源代码,可在http://wpftoolkit.codeplex.com/获得。

他们有一个datetimepicker控件,它具有相同的场景。

我添加了一个切换按钮,然后将Popup的IsOpen属性绑定到Toggle按钮的IsChecked属性。事情对我来说很好。这是演示代码。

<ToggleButton Margin="1" x:Name="_calenderButton"
                        IsChecked="{Binding IsOpen, RelativeSource={RelativeSource TemplatedParent}}"
                        IsEnabled="{Binding IsDateTimePickerReadOnlyCallback, 
                        RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource invertBoolConverter}}"
                        Grid.Column="1">
                        <Image Height="20" Width="20" Source="pack://application:,,,/Common;component/Images/calender2.jpg"/>
                    </ToggleButton>


<Popup x:Name="PART_Popup" IsOpen="{Binding IsChecked, ElementName=_calenderButton}" StaysOpen="False">
                        <Border BorderThickness="1" Padding="3" Background="{StaticResource PopupBackgroundBrush}" 
                                BorderBrush="{StaticResource PopupDarkBorderBrush}">
                            <StackPanel>
                                <Calendar x:Name="PART_Calender" BorderThickness="0"/>
                                <commonControls:TimePicker x:Name="PART_TimePicker"
                                                           />
                            </StackPanel>
                        </Border>
                    </Popup>

干杯