wpf 中 datatemplate的简单使用

最新推荐文章于 2024-07-25 16:38:17 发布

锋行天下-宇希

最新推荐文章于 2024-07-25 16:38:17 发布

阅读量1.2k

点赞数 1

文章标签： wpf

本文链接：https://blog.csdn.net/jinzongfeng/article/details/111538532

版权

wpf 中 datatemplate的简单使用，下面例子包含了三个常用的使用。

第一个例子：

前台：

后台：

public class Person //自己定义的一个简单类
{
public int ID { get; set; }
public string Name { get; set; }
public int Sex { get; set; }
public int Age { get; set; }
}

/// <summary>
/// MainWindow.xaml 的交互逻辑
/// </summary>
public partial class MainWindow : Window
{
private List<Person> item;

public MainWindow()
{
InitializeComponent();
item = new List<Person>()
{
new Person(){ID =1000,Name="aaa",Sex=1,Age=30},
new Person(){ID =1001,Name="bbb",Sex=0,Age=31},
new Person(){ID =1002,Name="ccc",Sex=1,Age=3},
new Person(){ID =1003,Name="ddd",Sex=1,Age=32}
};
}

private void Window_Loaded(object sender, RoutedEventArgs e)
{
listPerson.ItemsSource = item;
}

private void Button_Click(object sender, RoutedEventArgs e)
{
new subWindow().Show();
}
}

第二个例子：

前台：

</Window.Resources>
<Grid>
<DataGrid AutoGenerateColumns="False" x:Name="grid" Margin="0,0,0,200">
<DataGrid.Columns>
<DataGridTemplateColumn Width="100">
<DataGridTemplateColumn.Header>
<TextBlock TextAlignment="Center" Width="80">姓名</TextBlock>
</DataGridTemplateColumn.Header>
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<Border Height="30">
<TextBlock TextAlignment="Center" Text="{Binding Name}" HorizontalAlignment="Left" VerticalAlignment="Center" FontFamily="宋体"></TextBlock>
</Border>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
<DataGridTemplateColumn Width="*">
<DataGridTemplateColumn.Header>
<Grid>
<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="性别"></TextBlock>
</Grid>
</DataGridTemplateColumn.Header>
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<Border Height="30">
<TextBlock TextAlignment="Center" Text="{Binding Sex, Converter={StaticResource HandleShowSex}}" HorizontalAlignment="Center" VerticalAlignment="Center" FontFamily="宋体"></TextBlock>
</Border>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
<DataGridTemplateColumn Width="*">
<DataGridTemplateColumn.Header>
<Grid>
<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="操作"></TextBlock>
</Grid>
</DataGridTemplateColumn.Header>
<DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal">
<Button Content="删除"/>
<Button Content="更改"/>
</StackPanel>
</DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>
</DataGrid.Columns>
</DataGrid>

后台：

/// <summary>
/// subWindow.xaml 的交互逻辑
/// </summary>
public partial class subWindow : Window
{
private List<Person> item;

public subWindow()
{
InitializeComponent();
item = new List<Person>()
{
new Person(){ID =1000,Name="aaa",Sex=1,Age=30},
new Person(){ID =1001,Name="bbb",Sex=0,Age=31},
new Person(){ID =1002,Name="ccc",Sex=1,Age=3},
new Person(){ID =1003,Name="ddd",Sex=1,Age=32}
};
}

private void Window_Loaded(object sender, RoutedEventArgs e)
{
grid.ItemsSource = item;
}
}

//ShowSex
public class ShowSex : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
int data = int.Parse(value.ToString());

if (data == 1)
return "男";
else
return "女";
}

public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
throw new NotImplementedException();
}
}

锋行天下-宇希

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
wpf 中 datatemplate的简单使用

wpf 中 datatemplate的简单使用，下面例子包含了三个常用的使用。第一个例子：前台：<Window x:Class="TestDataTemplate.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="...
复制链接

扫一扫