WPF数据模板

Posted 2021-09-06 X·3

WPF数据模板

数据模板常用在3种类型的控件, 下图形式：

• Grid这种列表表格中修改Cell的数据格式, CellTemplate可以修改单元格的展示数据的方式；
• 针对列表类型的控件,例如树形控件,下拉列表,列表控件,可以修改其中的ItemTemplate；
• 修改ContentTemplate,例UserControl控件的数据展现形式。

1. CellTemplate 模板

       下面用一个例子, 来演示CellTemplate使用。例子实现一个DataGrid 展示一个普通的数据标, 同时新增一列CellTemplate添加两个自定义的按钮, 如下图所示：

       完成操作,然后后台进行该DataGrid进行绑定数据,查询绑定后的效果：

       最终的效果，在数据的表格最后一列，将会在一列中分别生成两个普通按钮：

2. ItemTemplate模板

       在列表的控件中,常常会出现一些需求,类似在下拉控件或树控件中添加一个CheckBox选择框,一个图标或图片,这个时候,我们就可以利用自定义的DataTemplate来实现这个功能,接下来,用一个示例来简单演示其功能,同样,该例子演示利用ListBox和ComboBox来绑定一个颜色代码列表,同时展示其颜色。

       上面的代码中,定义了一个DataTemplate ,顶一个长宽10px的border用于显示颜色代码,绑定到Border背景颜色上,定义了一个TextBlock用于展示颜色的代码。

下面为后台的绑定代码：

运行结果：

3. ItemsControl

       定义ItemsControl 主要分两个步骤：1.设置ItemsPanel容器,用于容纳列表的最外层容器 2.定义子项的DataTemplate

XAML代码：

       上面代码中,定义了一个WarpPanel容器为ItemControl的最外层容器,子项数据模板则绑定了一个按钮,后台代码绑定几条数据,查看其效果：横排排列五个按钮,内容分别是1~6。

运行效果：