WPF中弹出窗口内的按钮点击事件有什么想法吗？ [英] button click event inside popup in WPF any idea?
问题描述
我正在尝试实现Outlook样式的Datepicker控件的功能。
我有一个文本框，它应用的样式与Outlook中的样式完全相同但我的问题是popup有一个日历和两个按钮作为今天和没有。只要单击今天按钮文本框值应设置为今天日期，如果我单击无文本框值必须设置为无。
我使用的风格是
Hi, am trying to achieve the functionality of Outlook style of Datepicker control.
I have a textbox which am applying a style which looks exactly same as in Outlook but my problem is popup having a calendar and two button as Today and none.As soon as click on Today button the textbox value should set to todays date and if i click None the text box value has to set as none.
The style i have used is
<Style x:Key="tbCalendarStyle" TargetType="{x:Type TextBox}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type TextBox}">
<Grid>
<Border BorderThickness="1" BorderBrush="DarkGray">
<ScrollViewer x:Name="PART_ContentHost" />
</Border>
<ToggleButton Template="{StaticResource IconButton}"
MaxHeight="21"
Margin="-1,0,0,0"
Name="PopUpImageButton"
Focusable="False"
IsChecked="False">
<ToggleButton.Content>
<Path x:Name="btnArrow4" Margin="4" VerticalAlignment="Center" Width="10" Fill="Black" Stretch="Uniform" HorizontalAlignment="Right" Data="F1 M 301.14,-189.041L 311.57,-189.041L 306.355,-182.942L 301.14,-189.041 Z "/>
</ToggleButton.Content>
</ToggleButton>
<Popup IsOpen="{Binding Path=IsChecked, ElementName=PopUpImageButton, Mode=TwoWay}" x:Name="CustomPopup" Margin="0,-1,0,0" PopupAnimation="Fade" StaysOpen="False">
<StackPanel Orientation="Vertical" removed="BlueViolet">
<Grid >
<Grid.RowDefinitions>
<RowDefinition Height="164"/>
<RowDefinition Height="10"/>
</Grid.RowDefinitions>
<Calendar Grid.Row="0" Margin="0,-1,0,0" x:Name="CalDisplay"
SelectedDate="{Binding RelativeSource={RelativeSource Mode=TemplatedParent}, Path=Text, Mode=TwoWay, Converter={StaticResource calendarConverter}}"
Focusable="False"
DisplayDate="{Binding RelativeSource={RelativeSource Mode=TemplatedParent}, Path=Text, Mode=OneWay, Converter={StaticResource calendarConverter}}"
>
<Control.Triggers>
<EventTrigger RoutedEvent="Calendar.SelectedDatesChanged">
<BeginStoryboard>
<Storyboard>
<BooleanAnimationUsingKeyFrames Storyboard.TargetName="PopUpImageButton" Storyboard.TargetProperty="IsChecked">
<DiscreteBooleanKeyFrame KeyTime="00:00:00" Value="False"></DiscreteBooleanKeyFrame>
</BooleanAnimationUsingKeyFrames>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Control.Triggers>
</Calendar>
</Grid>
<StackPanel Orientation="Horizontal" FlowDirection="LeftToRight">
<Button Content="Today" Grid.Row="1" Width="50" VerticalAlignment="Center" Margin="20 0 0 10" Name="btnToday">
<Button.Triggers>
<EventTrigger RoutedEvent="Button.Click">
// what should i do to achieve the above logic
</EventTrigger>
</Button.Triggers>
</Button>
<Button Content="None" Grid.Row="1" Margin="30 0 0 10" Width="50" VerticalAlignment="Center" Name="btnNone">
<Button.Triggers>
<EventTrigger RoutedEvent="Button.Click">
</EventTrigger>
</Button.Triggers>
</Button>
</StackPanel>
</StackPanel>
</Popup>
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="IsMouseOver" Value="true">
<Setter Property="Visibility" TargetName="PopUpImageButton" Value="Visible" />
</Trigger>
<Trigger Property="IsFocused" Value="true">
<Setter Property="Visibility" TargetName="PopUpImageButton" Value="Visible" />
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
Any help or idea to achieve this would be highly appreciated.
Any help or idea to achieve this would be highly appreciated.
推荐答案
If can try following:
If can try following:
<Button Content="Today" Grid.Row="1" Width="50" VerticalAlignment="Center" Margin="20 0 0 10" Name="btnToday" Command="{Binding MyCommand}"/>
In your viewModel you need to write follwoing:
In your viewModel you need to write follwoing:
private ICommand _myCommand;
public ICommand MyCommand
{
get
{
if (_myCommand != null) return _myCommand;
_myCommand = new RelayCommand(OnClick);
return _myCommand;
}
}
And your method for this command should look like :
And your method for this command should look like :
private void OnClick(object sender)
{
//your code
}If you have a custom control then I suggest you to override the method OnApplyTemplate and use GetTemplatedChild to find the Button, subscribe to its click and thats it except you will have to find the TextBox and set its Text inside the handler.
If you cannot do so for whatever reason here is a small trick how to make it still work
1.Take a look at this:
<resourcedictionary xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\">
xmlns:x=\"http://schemas.microsoft.com/winfx/2006/xaml\"
x:Class=\"WPFControls.Generic\"
xmlns:local=\"clr-namespace:WPFControls\">
<setter property=\"Template\">
<setter.value>
<controltemplate targettype=\"{x:Type local:MyChildControl}\">
<border background=\"{TemplateBinding Background}\">
SnapsToDevicePixels=\"True\">
<stackpanel>
<textbox x:name=\"tbx1\" xmlns:x=\"#unknown\" />
<button content=\"{TemplateBinding Content}\" click=\"OnClick\" />
</stackpanel>
</border>
</controltemplate>
</setter.value>
</setter>
....
2.and add this code
public partial class Generic
{
public void OnClick(object sender, RoutedEventArgs e)
{
MyChildControl control = FindAncestor<mychildcontrol>((DependencyObject)sender);
TextBox tbx = control.Template.FindName(\"tbx1\", control) as TextBox;
tbx.Text = \"It works!\";
}
public static T F indAncestor<t>(DependencyObject current) where T : DependencyObject
{
current = VisualTreeHelper.GetParent(current);
while (current != null)
{
if (current is T)
{
return (T)current;
}
current = VisualTreeHelper.GetParent(current);
};
return null;
}
}
3.This is mine MainWindow.xaml:
<window ....=\"\">
<grid>
<local:mychildcontrol content=\"Click me!\" xmlns:local=\"#unknown\">
<resourcedictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class="WPFControls.Generic"
xmlns:local="clr-namespace:WPFControls">
<setter property="Template">
<setter.value>
<controltemplate targettype="{x:Type local:MyChildControl}">
<border background="{TemplateBinding Background}">
SnapsToDevicePixels="True">
<stackpanel>
<textbox x:name="tbx1" xmlns:x="#unknown" />
<button content="{TemplateBinding Content}" click="OnClick" />
</stackpanel>
</border>
</controltemplate>
</setter.value>
</setter>
....
2.and add this code
public partial class Generic
{
public void OnClick(object sender, RoutedEventArgs e)
{
MyChildControl control = FindAncestor<mychildcontrol>((DependencyObject)sender);
TextBox tbx = control.Template.FindName("tbx1", control) as TextBox;
tbx.Text = "It works!";
}
public static T FindAncestor<t>(DependencyObject current) where T : DependencyObject
{
current = VisualTreeHelper.GetParent(current);
while (current != null)
{
if (current is T)
{
return (T)current;
}
current = VisualTreeHelper.GetParent(current);
};
return null;
}
}
3.This is mine MainWindow.xaml:
<window ....="">
<grid>
<local:mychildcontrol content="Click me!" xmlns:local="#unknown">
Created user control for the above outlook style time picker control
Created user control for the above outlook style time picker control
这篇关于WPF中弹出窗口内的按钮点击事件有什么想法吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
