在WPF中设置XAML中的DataContext
本文关键字:中的 DataContext XAML 设置 WPF | 更新日期: 2023-09-27 18:03:44
我有以下代码:
MainWindow.xaml
<Window x:Class="SampleApplication.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525"
DataContext="{Binding Employee}">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="200" />
</Grid.ColumnDefinitions>
<Label Grid.Row="0" Grid.Column="0" Content="ID:"/>
<Label Grid.Row="1" Grid.Column="0" Content="Name:"/>
<TextBox Grid.Column="1" Grid.Row="0" Margin="3" Text="{Binding EmpID}" />
<TextBox Grid.Column="1" Grid.Row="1" Margin="3" Text="{Binding EmpName}" />
</Grid>
</Window>
Employee.cs
namespace SampleApplication
{
public class Employee
{
public Employee()
{
EmployeeDetails employeeDetails = new EmployeeDetails();
employeeDetails.EmpID = 123;
employeeDetails.EmpName = "ABC";
}
}
public class EmployeeDetails
{
private int empID;
public int EmpID
{
get
{
return empID;
}
set
{
empID = value;
}
}
private string empName;
public string EmpName
{
get
{
return empName;
}
set
{
empName = value;
}
}
}
}
这是非常简单的代码,我只是想绑定EmpID
和EmpName
属性在我的Employee.cs类的文本框在主窗口的文本属性。xaml,但没有出现在我的这些文本框,当我运行代码。绑定正确吗?
这段代码总是会失败。
如前所述,它说:"在我的DataContext属性上查找一个名为"Employee"的属性,并将其设置为DataContext属性"。显然这是不对的。
要使代码正常工作,请将窗口声明更改为:
<Window x:Class="SampleApplication.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:SampleApplication"
Title="MainWindow" Height="350" Width="525">
<Window.DataContext>
<local:Employee/>
</Window.DataContext>
声明了一个新的XAML命名空间(local),并将DataContext设置为Employee类的一个实例。这将导致你的绑定显示默认数据(来自你的构造函数)。
然而,这是非常不可能的,这实际上是你想要的。相反,你应该有一个新的类(称为MainViewModel)与Employee
属性,然后你绑定,像这样:
public class MainViewModel
{
public Employee MyEmployee { get; set; } //In reality this should utilize INotifyPropertyChanged!
}
现在你的XAML变成了:
<Window x:Class="SampleApplication.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:SampleApplication"
Title="MainWindow" Height="350" Width="525">
<Window.DataContext>
<local:MainViewModel/>
</Window.DataContext>
...
<TextBox Grid.Column="1" Grid.Row="0" Margin="3" Text="{Binding MyEmployee.EmpID}" />
<TextBox Grid.Column="1" Grid.Row="1" Margin="3" Text="{Binding MyEmployee.EmpName}" />
现在您可以添加其他属性(其他类型,名称)等。有关更多信息,请参见实现Model-View-ViewModel模式
首先,您应该在Employee
类中创建具有员工详细信息的属性:
public class Employee
{
public Employee()
{
EmployeeDetails = new EmployeeDetails();
EmployeeDetails.EmpID = 123;
EmployeeDetails.EmpName = "ABC";
}
public EmployeeDetails EmployeeDetails { get; set; }
}
如果你不这样做,你将在Employee
构造函数中创建对象的实例,并且你失去了对它的引用。
在XAML中,您应该创建Employee
类的实例,然后您可以将其分配给DataContext
。
你的XAML应该是这样的:
<Window x:Class="SampleApplication.MainWindow"
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:local="clr-namespace:SampleApplication"
>
<Window.Resources>
<local:Employee x:Key="Employee" />
</Window.Resources>
<Grid DataContext="{StaticResource Employee}">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="200" />
</Grid.ColumnDefinitions>
<Label Grid.Row="0" Grid.Column="0" Content="ID:"/>
<Label Grid.Row="1" Grid.Column="0" Content="Name:"/>
<TextBox Grid.Column="1" Grid.Row="0" Margin="3" Text="{Binding EmployeeDetails.EmpID}" />
<TextBox Grid.Column="1" Grid.Row="1" Margin="3" Text="{Binding EmployeeDetails.EmpName}" />
</Grid>
</Window>
现在,在您创建了包含员工详细信息的属性之后,您应该使用以下属性进行绑定:
Text="{Binding EmployeeDetails.EmpID}"
这里有几个问题。
- 你不能将DataContext指定为
DataContext="{Binding Employee}"
,因为它是一个复杂的对象,不能指定为字符串。所以必须使用<Window.DataContext></Window.DataContext>
语法。 - 你指定的类,代表数据上下文对象的视图,而不是一个单独的属性,所以
{Binding Employee}
是无效的,你只需要指定一个对象。 - 现在,当您使用有效语法分配数据上下文时,如
<Window.DataContext> <local:Employee/> </Window.DataContext>
知道您正在创建 Employee类的新实例并将其分配为数据上下文对象。默认构造函数中可能没有任何内容,因此不会显示任何内容。但是如何在代码后文件中管理它呢?您已经对DataContext进行了类型转换。
private void my_button_Click(object sender, RoutedEventArgs e)
{
Employee e = (Employee) DataContext;
}
第二种方法是在文件后面的代码中分配数据上下文。这样做的好处是你的代码后台文件已经知道它,并且可以使用它。
public partial class MainWindow : Window { Employee employee = new Employee(); public MainWindow() { InitializeComponent(); DataContext = employee; } }