3

タイトルが示すように、ViewModel のプロパティを、対応するビューのネストされた UserControl にバインドしたいと考えています。必要な方法で機能させることができません。

ネストされた UserControl は、時間の aDatePickerと aDropDownにすぎません。DatePickerViewModel によって伝達された日付を選択された日付として選択するように指示するにはどうすればよいですか?

私はほとんどすべてを試しましたが、今では窓の外に飛び出すことも遠くありません. ご覧のとおり、どんな助けも大歓迎です;）

ここまでのコード: DateTimePicker.xaml.cs (CodeBehind)

public partial class DateTimePicker
{
    public static DependencyProperty SelectedDateValueProperty = DependencyProperty.Register("SelectedDateValue", typeof (DateTime), typeof (DateTimePicker), new FrameworkPropertyMetadata(default(DateTime), FrameworkPropertyMetadataOptions.BindsTwoWayByDefault, OnPropertyChangedCallback));

    private static void OnPropertyChangedCallback(DependencyObject dependencyObject, DependencyPropertyChangedEventArgs args)
    {
        Debug.WriteLine("Wohoo. I'm here and still debugging...");
    }

    public DateTimePicker()
    {
        InitializeComponent();

        DataContext = this;

        var times = GetTimes();

        Times.ItemsSource = times;
        Times.SelectedItem = times.First();
    }

    public DateTime SelectedDateValue
    {
        get { return (DateTime) GetValue(SelectedDateValueProperty); }
        set { SetValue(SelectedDateValueProperty, value); }
    }
}

ネストされた UserControl (DateTimePicker.xaml):

<UserControl x:Class="Framework.Controls.DateTimePicker"
         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" 
         d:DesignHeight="30" d:DesignWidth="200"
         DataContext="{Binding RelativeSource={RelativeSource Self}}">
<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="3*" />
        <ColumnDefinition Width="2*" />
    </Grid.ColumnDefinitions>
    <DatePicker HorizontalAlignment="Left" Name="DatePickerCalendar" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Center" SelectedDate="{Binding SelectedDateValue}" />
    <ComboBox Grid.Column="1" VerticalAlignment="Center" Name="Times" DisplayMemberPath="Name" />
</Grid>

最後になりましたが、ネストされた UserControl (View.xaml) を持つビュー

<CustomControls:DateTimePicker SelectedDateValue="{Binding LocalRegistrationStartDate, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />

問題が明確になり、誰かが私を助けてくれるか、ここで私が間違っていることを理解できることを願っています。

4

2 に答える 2

6

使用：

"{Binding SelectedDateValue}"

WPFに「Heycheckmyfor apropertyfor」DataContextと呼ばれるプロパティを通知しますSelectedDateValue。

Property必要なのは、ユーザーコントロールからを取得することです。

最も簡単な方法は、ユーザーコントロールに次のような名前を付けることです。

<UserControl x:Name="myControl"/>

次に、バインディングを次のように変更します。

"{Binding ElementName=myControl, Path=SelectedDateValue}"
于 2012-04-18T15:07:50.310 に答える
1

ここで行っているように、WPF コントロールを実装する通常の方法は、コントロールを直接コンテンツとして定義するのではなく、テンプレートを使用することです。を使用すると、 TemplateBindingTemplateにアクセスできるため、コントロール プロパティを簡単にバインドできます。コントロールのカスタマイズのMSDN ページを参照してください。

<ControlTemplate TargetType="{x:Type local:DateTimePicker>
  ...
  <DatePicker SelectedDate="{TemplateBinding SelectedDateValue}" />
  ...
</ControlTemplate>
于 2012-04-18T15:20:25.623 に答える