WPF DataTemplate绑定

问题描述

我发现在WPF TabControl中使用ContentTemplate / DataTemplate时，我的绑定将不再工作。

我已经设置了一个小例子来说明：

 < Window x：Class =HAND.BindingExample
 xmlns =http://schemas.microsoft.com/ winfx / 2006 / xaml / presentation
 xmlns：x =http://schemas.microsoft.com/winfx/2006/xaml
 Title =BindingExampleHeight =506Width = 656
 DataContext ={Binding RelativeSource = {RelativeSource Self}}
> 
< Grid> 
< TabControl Horizo​​ntalAlignment =LeftHeight =381VerticalAlignment =TopWidth =608> 
< TabItem Header =TabItem> 
< Label Content ={Binding Path = myString}/> 
< / TabItem> 
< TabItem Header =TabItem> 
< TabItem.ContentTemplate> 
< DataTemplate> 
< Label Content ={Binding Path = myString}/> 
< / DataTemplate> 
< /TabItem.ContentTemplate> 
< / TabItem> 
< / TabControl> 
< / Grid> 
< / Window> 
  

Tab1按预期工作，Tab2为空。

后面的代码：

 使用System.Windows; 
 
命名空间HAND 
 {
 public partial class BindingExample：Window 
 {
 public string myString {get;组; } 
 
 public BindingExample（）
 {
 myString =Hello Stackoverflow; 
 
 InitializeComponent（）; 
} 
} 
} 
  

解决方案

您正在使用 ContentTemplate 属性。从页面

因此，设置此属性时，还需要设置内容属性到某种数据源：

 < TabControl> 
< TabItem Header =TabItem> 
< Label Content ={Binding Path = myString}/> 
< / TabItem> 
< TabItem Header =TabItemContent ={Binding Path = myString}> 
< TabItem.ContentTemplate> 
< DataTemplate> 
< Label Content ={Binding}/> 
< / DataTemplate> 
< /TabItem.ContentTemplate> 
< / TabItem> 
< / TabControl> 
  

I discovered when using a ContentTemplate/DataTemplate in a WPF TabControl my Bindings will not work anymore.

I have set up a small example to illustrate:

<Window x:Class="HAND.BindingExample"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="BindingExample" Height="506" Width="656"
    DataContext="{Binding RelativeSource={RelativeSource Self}}"
    >
<Grid>
    <TabControl HorizontalAlignment="Left" Height="381"  VerticalAlignment="Top" Width="608">
        <TabItem Header="TabItem">
            <Label Content="{Binding Path=myString}"/>
        </TabItem>
        <TabItem Header="TabItem">
            <TabItem.ContentTemplate>
                <DataTemplate>
                    <Label Content="{Binding Path=myString}"/>
                </DataTemplate>
            </TabItem.ContentTemplate>
        </TabItem>
    </TabControl>
</Grid>
</Window>

Tab1 works as expected, Tab2 is empty.

the code behind:

using System.Windows;

namespace HAND
{
    public partial class BindingExample : Window
    {
        public string myString { get; set; }

        public BindingExample()
        {
            myString = "Hello Stackoverflow";

            InitializeComponent();
        }
    }
}

解决方案

You are using the ContentTemplate property incorrectly. From the ContentControl.ContentTemplate Property page on MSDN:

Therefore, when setting this property, you also need to set the Content property to some sort of data source:

<TabControl>
    <TabItem Header="TabItem">
        <Label Content="{Binding Path=myString}"/>
    </TabItem>
    <TabItem Header="TabItem" Content="{Binding Path=myString}">
        <TabItem.ContentTemplate>
            <DataTemplate>
                <Label Content="{Binding}" />
            </DataTemplate>
        </TabItem.ContentTemplate>
    </TabItem>
</TabControl>

这篇关于WPF DataTemplate绑定的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！