1、控件及列表展示
1)、控件
2)、构建表格,用于列表展示
3)、gridControl绑定数据
4)、调用绑定:BindDataSource(InitDt());
5)、展示列表
2、表格的列配置
1)、点击 Run Resigner弹出设计界面
2)、配置后的效果
3、列数据的格式设置
1)、数据
2)、时间
3)、自定义
效果
注:数据公式查找:
4、gridControl属性
Dock:none 和 Anchor:Top, Bottom, Left, Right 设置随窗体宽高变化而变化
gridView1.IndicatorWidth = 40; //自增列宽度 gridView1.OptionsView.ColumnAutoWidth = false; //自动调整列宽,使所有列的宽度和视图的宽度匹配 gridView1.OptionsCustomization.AllowSort = false;//禁止用户对数据进行排序操作 gridView1.OptionsCustomization.AllowColumnResizing = false; //禁止各列头改变列宽 gridView1.OptionsCustomization.AllowColumnMoving = false;//各列头禁止移动 gridView1.VertScrollVisibility = ScrollVisibility.Auto; //显示垂直滚动条 gridView1.HorzScrollVisibility = ScrollVisibility.Auto; //显示水平滚动条 gridView1.OptionsMenu.EnableColumnMenu = false; //禁止列头上的菜单 gridView1.OptionsMenu.EnableFooterMenu = false; //禁止页脚上的菜单 gridView1.OptionsMenu.EnableGroupPanelMenu = false; //禁止分组面板上的菜单 gridView1.OptionsNavigation.UseTabKey = false; //不使用TAB/SHIFT+TAB移动焦点 gridView1.OptionsBehavior.Editable = false;//不允许编辑 gridView1.OptionsBehavior.ReadOnly = true;//只读
5、属性设置
1)、
//如何解决单击记录整行选中的问题 View->OptionsBehavior->EditorShowMode 设置为:Click
2)、
//焦点单元格的列 gridview1.FocusedColumn //焦点单元格所在行的行号 gridview1.FocusedRowHandle //焦点单元格的值 gridview1.FocusedValue
3)、
//如何解决 GridControl 记录能获取而没有显示出来的问题 gridView.populateColumns();
4)、
//如何让行只能选择而不能编辑(或编辑某一单元格) View->OptionsBehavior->EditorShowMode 设置为:Click View->OptionsBehavior->Editable 设置为:false
5)、
//如何禁用 GridControl 中单击列弹出右键菜单 Run Design->OptionsMenu->EnableColumnMenu 设置为:false
6)、
//如何隐藏 GridControl 的 GroupPanel 表头 Run Design->OptionsView->ShowGroupPanel 设置为:false
7)、
//如何禁用 GridControl 中列头的过滤器: Run Design->OptionsCustomization->AllowFilter 设置为:false
8)、
//多选 GridControl->GridView->属性->OptinosSelecttion->MultiSelect
9)、
//在gridcontrol中添加checkbox复选框 gridview->run designer->columns->选择要变成复选框的那一列->column edit->new(在这里可以选择很多类型)
10)、
//显示自动筛选行(效果跟Excel的自动筛选差不多),列表的表格内部的自动筛选 gv2.OptionsView.ShowAutoFilterRow = true;
11)、
//设置成一次选择一行,并且不能被编辑 this.gridView1.FocusRectStyle = DevExpress.XtraGrid.Views.Grid.DrawFocusRectStyle.RowFocus; this.gridView1.OptionsBehavior.Editable = false; this.gridView1.OptionsSelection.EnableAppearanceFocusedCell = false;
12)、
//设置行号宽 gridView1.IndicatorWidth = 30;
13)、
//设置列表数据居中 gridview->run designer->columns->选择列->AppearanceCell和AppearanceHeader ->TextOptions->HAlignment属性设置为Center
6、分组排列汇总
分组
1)按时间分第一组
2)按性别分第二组
效果
3)高级设置
将所有组展开:gridView1.ExpandAllGroups();
4)、结果:
5)、自定义组名 gridView1_CustomDrawGroupRow
结果:
注意:每一行都有一个 RowHandle属性,普通行的RowHandle从0开始
排列设置
汇总
注:汇总结果显示在Footer面板中,gridControl的Footer面包默认不显示
结果:
7、行备注和行号
备注
1)、备注显示设置
2)、设置备注字段
结果
3)使用电脑键盘控制显示与隐藏
a、设置Form窗体的KeyPreview属性为true
b、注册窗体的KeyUp事件
private void Form2_KeyUp_1(object sender, KeyEventArgs e)
{
if (e.KeyCode == Keys.F3)
{
gridView1.OptionsView.ShowPreview = !gridView1.OptionsView.ShowPreview;
}
}
行号
gridView1_CustomDrawRowIndicator事件
行号宽:gridView1.IndicatorWidth = 30;
private void gridView1_CustomDrawRowIndicator(object sender, DevExpress.XtraGrid.Views.Grid.RowIndicatorCustomDrawEventArgs e)
{
if (e.Info.IsRowIndicator)
{
e.Info.DisplayText = e.RowHandle.ToString();
}
}
结果
8、设置字体颜色
private void gridView1_RowCellStyle(object sender, DevExpress.XtraGrid.Views.Grid.RowCellStyleEventArgs e) { if (e.Column.FieldName == "TestResult")//设字体颜色 { Result tr = Result.Running;switch (tr) { case Result.Success: e.Appearance.ForeColor = Color.Black; break; default: e.Appearance.ForeColor = Color.Black; break; } } }
9、右键菜单
1.在VS工具箱中的“菜单和工具栏”找到ContextMenuStrip控件,双击添加。 2.点击ContextMenuStrip右上方的小三角形,打开编辑项,可以添加菜单项。至于菜单点击事件,这里就不多说了。 3.选择gridControl(注意这里不是gridView的属性),在属性中可以找到ContextMenuStrip属性,设置成刚添加的ContextMenuStrip。
4.是否可用设置
问题:在单选时,“打开”(itemOpen)、“删除”(itemDelete)菜单项都可用,多选时“打开”不可用,“删除”可用,没有选择时“打开”、“删除”都不可用。
这里需要用到gridView的PopupMenuShowing这个事件。也就是在菜单出现之前用户点击右键之后,来判断一下选择了几行,从而决定菜单项是否可用。
private void gridView_PopupMenuShowing(object sender, DevExpress.XtraGrid.Views.Grid.PopupMenuShowingEventArgs e)
{
//获取选择的行数
int select = gridView.SelectedRowsCount;
itemOpen.Enabled = false;
itemDelete.Enabled = false;
if(select == 1)
{
itemOpen.Enabled = true;
itemDelete.Enabled = true;
}
else if(select > 1)
{
itemDelete.Enabled =true;
}
}
样式设置
全部设置
新增一条记录
(1)、
private void btn_add_Click(object sender, EventArgs e) { gridView1.AddNewRow(); }
(2)、实现 gridView_InitNewRow 事件(对于新加行的特别的设置)
private void gridView1_InitNewRow(object sender, DevExpress.XtraGrid.Views.Grid.InitNewRowEventArgs e) { ColumnView View = sender as ColumnView; View.SetRowCellValue(e.RowHandle, View.Columns[0], gridView1.GetRowCellValue(gridView1.GetRowHandle(gridView1.RowCount - 2), gridView1.Columns[0])); //复制最后一行的数据到新行 View.SetRowCellValue(e.RowHandle, View.Columns[1], gridView1.GetRowCellValue(gridView1.GetRowHandle(gridView1.RowCount - 2), gridView1.Columns[1])); //复制最后一行的数据到新行 }
自定义列显示事件