将WPF控件绑定到Object

时间:2013-02-18 23:23:47

标签: c# .net wpf

我有一个名为“Employee”的对象,如下所示:

class Employee
{
    public string EmpName { get; set; }
    public string Surname { get; set; }

    public Employee(string Name, string Surname) : base()
    {
        this.EmpName = EmpName;
        this.Surname = Surname;
    }

    public Employee()
    {
    }
}

我在这里也有这个简单的“EmployeeControl”。网格中只有两个标签:

<UserControl x:Class="LabelBindingTest.EmployeeCtrl"
             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" 
             Name="EmpCtrl"
             d:DesignHeight="120" d:DesignWidth="411">
    <Grid>
        <Label Content="{Binding ElementName=EmpCtrl, Path=EmpName}" Height="28" HorizontalAlignment="Left" Name="label1" VerticalAlignment="Top" Width="81" />
        <Label Content="{Binding ElementName=EmpCtrl, Path=Surname}" Height="28" HorizontalAlignment="Right" Name="label2" VerticalAlignment="Top" Width="81" />
    </Grid>
</UserControl>

(编辑)EmployeeControl代码隐藏:

   public partial class EmployeeCtrl : UserControl
    {
        Employee thisEmployee = new Employee();

        public string EmpName
        {
            get
            {
                return thisEmployee.EmpName;
            }

            set
            {
                thisEmployee.EmpName = value;
            }
        }

        public string Surname
        {
            get
            {
                return thisEmployee.EmpName;
            }

            set
            {
                thisEmployee.EmpName = value;
            }
        }


        public EmployeeCtrl()
        {
            InitializeComponent();
        }
    }

现在,我要做的是将“EmployeeControl”添加到我的窗口并将它们绑定到Employee对象。 这是我的“窗口”代码:

<Window x:Class="LabelBindingTest.MainWindow"
        Name="myWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525" xmlns:my="clr-namespace:LabelBindingTest">
    <Grid>
        <my:EmployeeCtrl EmpName="Daniel" Surname="Hammond" HorizontalAlignment="Left" Margin="23,26,0,0" x:Name="employeeCtrl1" VerticalAlignment="Top" Height="97" Width="429" />
    </Grid>
</Window>

我尝试了各种各样的东西,但我无法让它发挥作用。它编译得很好,但标签是空的。我只想将“Employee”对象附加到“EmployeeCtrl”控件。关于我如何解决这个问题的任何想法?我今天读了很多关于装订的内容,我仍然在摸不着头脑。我不确定是否需要实现INotifyPropertyChanged,因为我现在只在运行时之前设置员工姓名。

(编辑):我已经下载了Caliburn.Micro并在最后一个答案中使用了相同的代码。同样的结果,空窗口。

这是整个项目。但是,所有这些代码都应粘贴在这个问题中。这只是为了方便起见。

http://www.mediafire.com/?gux3573rz64mupe

2 个答案:

答案 0 :(得分:1)

好的,首先我强烈建议考虑MVVM,因为你的应用程序变得更加复杂,use an MVVM framework if you're using MVVM。我建议Caliburn.Micro使视图合成变得更容易。还有其他MVVM框架可供使用,因此请对它们进行全面评估。

对于您的问题,问题是您的用户控件未将其属性实现为依赖项属性。在XAML中,您正在设置用户控件的EmpNameSurname属性,但UI在构造用户控件后不知道它们的值已更改,因此不会更新自己。

在使用MVVM模式时在视图模型上实现INotifyPropetyChanged,在用户控件上实现dependency properties。这两种技术都会通知用户界面更改并强制它自行更新。

因此,对于您的用户控制,您可以执行以下操作:

public partial class EmployeeCtrl : UserControl
{
    public static readonly DependencyProperty EmpNameProperty = 
       DependencyProperty.Register("EmpName", typeof(string),
       typeof(EmployeeCtrl), new FrameworkPropertyMetadata(null));

    public static readonly DependencyProperty SurnameProperty = 
       DependencyProperty.Register("Surname", typeof(string),
       typeof(EmployeeCtrl), new FrameworkPropertyMetadata(null));

    public EmployeeCtrl()
    {
        this.InitializeComponent();
    } 

    public string EmpName
    {
       get { return (string)GetValue(EmpNameProperty); }
       set { SetValue(EmpNameProperty, value); }
    }

    public string Surname
    {
       get { return (string)GetValue(SurnameProperty); }
       set { SetValue(SurnameProperty, value); }
    }
}

在这个阶段你根本不需要你的Employee课程,因为你没有使用它,但理想情况下,如果它的属性值在构造之后会改变,那么它应该实现INotifyPropertyChanged它的一个实例绑定到UI,您希望更新UI。

答案 1 :(得分:0)

您需要在EmployeeCtrl的EmpName和Surname属性上实现INotifyPropertyChanged,因为此用户控件中的Label需要更新此属性值中的值更改,以便label可以更新其值。因此,您必须在EmployeeCtrl的EmpName和Surname属性上实现Notify change,或者只使用依赖属性来实现这两个属性。希望这会有所帮助!!!