wpf之資料模板
阿新 • • 發佈:2021-11-09
後臺程式碼:
namespace MyWpf { /// <summary> /// DataTemplateTest.xaml 的互動邏輯 /// </summary> public partial class DataTemplateTest : UserControl { public DataTemplateTest() { InitializeComponent(); List<Student> students = new List<Student>() { newStudent() { Name = "張三", Sex = "男" },
new Student() { Name = "李四", Sex = "男" } }; // this.DataContext = students; combox.ItemsSource = students; } } public class Student { public string Name { get; set; } public string Sex { get; set; } } }
xaml:
<UserControl x:Class="MyWpf.DataTemplateTest" 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" xmlns:local="clr-namespace:MyWpf" mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="500"> <Grid> <ComboBox x:Name="combox" Height="60" Width="200" > <!--ItemTemplate:combox中每一項的資料模板--> <ComboBox.ItemTemplate> <!--資料模板--> <DataTemplate> <!--放置一個StackPanel佈局面板控制元件--> <StackPanel Orientation="Horizontal"> <TextBlock Text="{Binding Name}"></TextBlock> <TextBlock Text="--"></TextBlock> <TextBlock Text="{Binding Sex}"></TextBlock> </StackPanel> </DataTemplate> </ComboBox.ItemTemplate> </ComboBox> </Grid> </UserControl>
顯示: