图书网站开发介绍,seo技术交流论坛,网站建设 业务员,电脑连上网但是打不开网页1 #xff1a;DataGrid简介
DataGrid 是数据网格 : 可以显示网格数据的控件#xff0c;通过自定义列模版 来去实现各种网格效果 #xff0c; 可以使用以下几中标签显示不同数据
2 #xff1a;DataGrid常用的组件
显示文本: DataGridTextColumn 显示复选框: DataGridChec…1 DataGrid简介
DataGrid 是数据网格 : 可以显示网格数据的控件通过自定义列模版 来去实现各种网格效果 可以使用以下几中标签显示不同数据
2 DataGrid常用的组件
显示文本: DataGridTextColumn 显示复选框: DataGridCheckoBoxColumn 下拉框: DataGridComboBoxColumn 超链接: DataGridHyperlinkColumn 等
属性
ItemsSource:绑定数据 itemTemplate:绑定模板的属性{StaticResource d1}
AutoGenerateColumns 是否自动生成列 设置为false不会自动生成列
AutoGenerateColumns 是否删除行
CanUserSortColums 是否允许列进行排序
GridLinesVisibility设置网格线
3 关于DataGrid的实例
设置单元格的样式 DataGrid FontSize30 Named1 ItemsSource{Binding} AutoGenerateColumnsFalse CanUserAddRowsFalse CanUserSortColumnsFalseGridLinesVisibilityAll!--设置单元格的样式--DataGrid.CellStyle!--TargetType 给单元格设置样式--Style TargetTypeDataGridCellSetter PropertyHorizontalAlignmentValueCenter/Setter/Style/DataGrid.CellStyle
设置列 设置表头 文本列显示的数据可以通过bind进行绑定
DataGrid.ColumnsDataGridTextColumn Header姓名 Width200 Binding{Binding Name}DataGridTextColumn.ElementStyleStyle TargetTypeTextBlockSetter PropertyHorizontalAlignmentValueCenter /Setter PropertyHorizontalAlignmentValueCenter //Style/DataGridTextColumn.ElementStyle/DataGridTextColumnDataGridTextColumn Header年龄 Width200Binding{Binding Age}DataGridTextColumn.ElementStyleStyle TargetTypeTextBlockSetter PropertyHorizontalAlignmentValueCenter /Setter PropertyHorizontalAlignmentValueCenter //Style/DataGridTextColumn.ElementStyle/DataGridTextColumn
复选框列
DataGridCheckBoxColumn Header婚否Binding{Binding Mary}DataGridCheckBoxColumn.ElementStyleStyle TargetTypeTextBlockSetter PropertyHorizontalAlignmentValueCenter /Setter PropertyHorizontalAlignmentValueCenter //Style/DataGridCheckBoxColumn.ElementStyle
/DataGridCheckBoxColumn
下拉框列 设置默认值的时候通过 标签添加绑定SelectedValueBinding {Binding ClassId}在后台添加this.c1.SelectedValuePath ClassId;
DataGridComboBoxColumn Header班级 x:Namec1 SelectedValueBinding{Binding ClassId}/DataGridComboBoxColumn
自定义列 DataGridTemplateColumn!--自定义列的标题--DataGridTemplateColumn.HeaderTextBlock编号/TextBlock/DataGridTemplateColumn.Header!--自定义单元格的模版--DataGridTemplateColumn.CellTemplateDataTemplateTextBlock Text{Binding ClassID}/TextBlock/DataTemplate/DataGridTemplateColumn.CellTemplate/DataGridTemplateColumn/DataGrid.Columns
设置模型类
ListStudent list1 new ListStudent();
list1.Add(new Student()
{Name 黑大帅,Age 17,Marry true,ClassId 1000
});list1.Add(new Student()
{Name 赵丽颖,Age 17,Marry true,ClassId 1001
});list1.Add(new Student()
{Name 普京,Age 17,Marry true,ClassId 1002
});// 整理第二个数据源
ListBanJi list2 new ListBanJi();
list2.Add(new BanJi() { ClassId 1000, ClassName 上位机 });
list2.Add(new BanJi() { ClassId 1001, ClassName C#软件开发 });// 网格的整体数据源
this.d1.ItemsSource list1;// 针对班级处理数据源 设置班级下拉框数据源为list2
this.c1.ItemsSource list2;
this.c1.DisplayMemberPath ClassName; // 展示班级名
this.c1.SelectedValuePath ClassId; // 选中上位机选项时候获取select属性时候值是1000SelectedValueBinding{Binding ClassId}在后台 添加 this.c1.SelectedValuePath ClassId;this.d1.ItemsSource list1;
public class Student
{public string Name { get; set; } //学生姓名public int Age { get; set; } // 年龄public bool Marry { get; set; } // 婚否public string ClassId { get; set; } // 班级编号}
public class BanJi
{public string ClassId { get; set; } // 班级编号public string ClassName { get; set; } // 班级名称
}
