web-dev-qa-db-ja.com

カスタムコントロールの依存関係プロパティのバインディング

最も基本的な例でもこれを機能させるために、私は非常識になります。私は一生の間、仕事に拘束されることはできません。これは私にとってうまくいかない非常に簡単な例です。私は何か間違ったことをしているに違いありません。

コントロールライブラリアセンブリのカスタムコントロール:

public class TestControl : Control
{
    public static readonly DependencyProperty TestPropProperty =
        DependencyProperty.Register("TestProp", typeof(string), typeof(TestControl), new UIPropertyMetadata(null));

    public string TestProp
    {
        get { return (string)GetValue(TestPropProperty); }
        set { SetValue(TestPropProperty, value); }
    }

    static TestControl()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(TestControl), new FrameworkPropertyMetadata(typeof(TestControl)));
    }
}

そしてそのXAMLテンプレート:

<Style TargetType="{x:Type local:TestControl}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type local:TestControl}">
                <Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">
                    <StackPanel>
                        <TextBlock Text="Testing..." />
                        <Label Content="{Binding TestProp}" Padding="10" />
                    </StackPanel>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

これは、コントロールライブラリへの参照を含むwpfウィンドウでコントロールを使用するXAMLです。

<Grid>
    <ItemsControl Name="mylist">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <my:TestControl TestProp="{Binding Path=Name}" />
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
</Grid>

そして、これが背後にあるコードです:

public partial class Test2 : Window
{
    public class TestObject : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;
        protected void OnPropertyChanged(string PropertyName)
        {
            if (PropertyChanged != null)
                PropertyChanged(this, new PropertyChangedEventArgs(PropertyName));
        }

        private int _id;
        public int id
        {
            get { return _id; }
            set { _id = value; OnPropertyChanged("id"); }
        }

        private string _Name;
        public string Name
        {
            get { return _Name; }
            set { _Name = value; OnPropertyChanged("Name"); }
        }
    }

    public Test2()
    {
        InitializeComponent();

        mylist.ItemsSource = new TestObject[]
        {
            new TestObject(){ id = 1, Name = "Tedd" },
            new TestObject(){ id = 2, Name = "Fred" },
            new TestObject(){ id = 3, Name = "Jim" },
            new TestObject(){ id = 4, Name = "Jack" },
        };
    }
}

この例を実行すると、コントロールの4つのインスタンスが表示されますが、それぞれに「Testing ...」TextBlockしか表示されません。私のラベルは決してバインドされていません。私は何を誤解し、間違ってやっていますか?

22
Jason Butera

適切なバインディングソースを設定していません。 RelativeSource :を設定する必要があります。

<Label Content="{Binding TestProp, RelativeSource={RelativeSource Mode=TemplatedParent}}" />

または、 TemplateBinding を使用します:

<Label Content="{TemplateBinding TestProp}"/>
22
Clemens