날짜 선택시 캘린더 닫기

Question

새 캘린더 컨트롤을 만들고 있습니다. 선택한 날짜를 단추 텍스트로 설정했습니다. 날짜가 선택되면 캘린더를 닫아야합니다.

<Window x:Class="DemoApp2.Views.Window1" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="Window1" Height="300" Width="300"> 
    <Window.Resources> 
    </Window.Resources> 
    <Grid> 
     <ToggleButton x:Name="btn" Content="{Binding SelectedDate, ElementName=CalendarControl}" Background="Red" Margin="50,103,55,130"> 
     </ToggleButton> 
     <Popup IsOpen="{Binding ElementName=btn, Path=IsChecked}" StaysOpen="False" PopupAnimation="Scroll" PlacementRectangle="50,53,50,50"> 
     <Calendar x:Name="CalendarControl" 
        HorizontalAlignment="Center" 
        VerticalAlignment="Center"> 
     </Calendar> 
     </Popup> 
    </Grid> 
</Window> 

나는 xaml 코드를 선호합니다. 당신의 소중한 도움을 기다리고 있습니다. 미리 감사드립니다.

Answer 1

순수 XAML 방식에 Blend Behaviors을 사용해야합니다.

Blend 3 SDK, Blend 4 SDK을 다운로드하십시오.

의 xmlns : I = "CLR-네임 스페이스 : System.Windows.Interactivity, 조립 = System.Windows.Interactivity" 의 xmlns : IC = "CLR-네임 스페이스 : Microsoft.Expression.Interactivity.Core, 조립 = 마이크로 소프트 .Expression.Interactions "

<ToggleButton x:Name="btn" Content="{Binding SelectedDate, ElementName=CalendarControl}" Background="Red" Margin="50,103,55,130"/> 

<Popup x:Name="Popup1" IsOpen="{Binding IsChecked, ElementName=btn, Mode=TwoWay}" StaysOpen="False" PopupAnimation="Scroll" PlacementRectangle="50,53,50,50"> 
    <Calendar x:Name="CalendarControl"    
      HorizontalAlignment="Center" 
      VerticalAlignment="Center"> 
     <i:Interaction.Triggers> 
      <i:EventTrigger EventName="SelectedDatesChanged"> 
       <ic:ChangePropertyAction TargetName="btn" PropertyName="IsChecked" Value="False"/> 
      </i:EventTrigger> 
     </i:Interaction.Triggers> 
    </Calendar> 
</Popup>