listBox怎样实现数据绑定

本文介绍了如何使用数据绑定在WPF中实现数据与控件的高效联动,通过实例展示了如何设置DataContext、ItemsSource和DataTemplate,以及如何利用DataTemplate自定义控件的显示样式,最终实现数据的有效展示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一个数据绑定可以通过 Binding 对象来描述,其中包含数据源,要绑定的属性路径(Path),目标,目标属性等。

  其中目标属性必须是依赖属性(DependencyProperty)。

  为了说明方便,首先定义一个数据类:

public class Person
{
public int Age { getset; }
public string Name { getset; }
}

  例子1:

<ListBox x:Name="list1">

</ListBox>

public partial class Page : UserControl
{
public Page()
{
InitializeComponent();

var persons = new List<Person>();
for(var i=0; i< 5; i++)
{
persons.Add(new Person {Name = "Person " + i.ToString(), Age = 20 + i});
}
list1.DataContext = persons;
}
}

  这里仅指定了 list1 的 DataContext 属性,运行后发现页面没有显示。

  如果在页面里改一改:

<ListBox x:Name="list1" ItemsSource="{Binding}">

</ListBox>

  会发现绑定成功。但是数据项显示为默认的 Person 对象 ToString() 后的表示,不太友好。如下图:

  

listbox1

  或者,也可以将后台代码改成:

list1.ItemsSource = persons;

  而页面 markup 仍然是:

<ListBox x:Name="list1">

</ListBox>

  这样也能绑定成功。

  这里的原因在于:ListBox 通过 ItemsSource 里的数据去填充数据项,所以直接给这个属性赋值是可以的。

  或者,通过空绑定语法 {Binding},指定 ItemsSource 属性绑定为数据源的对象本身(未指定绑定路径)。而数据源就是通过 DataContext 获得的,并且这个属性的数据可以从父对象继承下来。

  下面给 ListBox 指定列表项的数据模板,让它显示的好看一点:

<ListBox x:Name="list1">
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal">
<TextBlock Text="{Binding Age}" Margin="20,0" />
<TextBlock Text="{Binding Name}" />
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>

  显示如下:

  

listbox2

  还可以将 DataTemplate 定义到 App 的 Resource 里去,以便于重用。

  App.xaml:

<Application xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x=
"http://schemas.microsoft.com/winfx/2006/xaml" 
x:Class=
"SilverlightTestApp.App"
>
<Application.Resources>
<DataTemplate x:Key="ListBoxDataTemplate">
<StackPanel Orientation="Horizontal">
<TextBlock Text="{Binding Age}" Margin="20,0" />
<TextBlock Text="{Binding Name}" />
</StackPanel>
</DataTemplate>
</Application.Resources>
</Application>

  Page.xaml:

<UserControl x:Class="SilverlightTestApp.Page"
xmlns=
"http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x=
"http://schemas.microsoft.com/winfx/2006/xaml" 
Width=
"400" Height="300">
<Grid x:Name="LayoutRoot" Background="White">
<ListBox x:Name="list1" ItemTemplate="{StaticResource ListBoxDataTemplate}">
</ListBox>
</Grid
</UserControl>

运行后效果一样。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值