winform GridControl 总结-CFANZ编程社区

winfrom GridControl总结

一、GridControl和GridView的关系

GridControl表示网格控件，网格控件使用视图（如 GridView、BandedGridView）来显示数据。
GridControl 相当于容器，GridView 相当于容器中的可视化组件，一个GridControl网格控件里面可以有多个视图。类似于 Excel 表格文件与工作表 Sheet 的关系。

二、绑定数据源

点击 RunDesigner
增加列 Column

与DataTable 绑定数据

数据填充

  DataTable dt = new DataTable();
            dt.Columns.Add("gc1", typeof(string)); // DaTaTable 增加列，确定 列名和 列的数据类型
            dt.Columns.Add("gc2", typeof(string));
            dt.Columns.Add("gc3", typeof(string));
      
            dt.Rows.Add("张三", "男", "18" );// 增加行
            dt.Rows.Add("李四", "男", "22");
            dt.Rows.Add("小芳", "女", "22");
            this.gridControl1.DataSource = dt;

三、外观设计

3.1 表头和数据居中显示

3.2 合并单元格

相邻两行的值相同才会单元格合并

3.3 左侧的多选框

3.4 左侧有序号

 private void gridView1_CustomDrawRowIndicator(object sender, DevExpress.XtraGrid.Views.Grid.RowIndicatorCustomDrawEventArgs e)
        {
            if (e.Info.IsRowIndicator && e.RowHandle >= 0)
            {
                e.Info.DisplayText = (e.RowHandle + 1).ToString();
            }
        }

3.5 奇偶行不同

3.6 表格表头的操作

这样单击表头就不会有控件默认的右键菜单、排序、筛选

3.7 外观设计总结

           //view.OptionsView.ShowViewCaption = true;    //显示标题
                view.OptionsView.EnableAppearanceEvenRow = true;    //奇偶行颜色
                view.OptionsView.EnableAppearanceOddRow = true;
                view.OptionsView.ShowButtonMode = ShowButtonModeEnum.ShowForFocusedRow; //单元格按钮显示方式
                view.OptionsView.ColumnHeaderAutoHeight = DefaultBoolean.True;  //列头自动换行
                view.OptionsView.ShowGroupPanel = false;
                view.OptionsView.ShowIndicator = true;
           view.BestFitColumns();
            //view.IndicatorWidth = 60;

            view.OptionsCustomization.AllowFilter = false;  //禁用过滤
            view.OptionsCustomization.AllowColumnMoving = false;    //禁止移动列头

            view.OptionsMenu.EnableColumnMenu = false;  //禁用控件自带右键菜单
            view.OptionsMenu.EnableFooterMenu = false;
            view.OptionsMenu.EnableGroupPanelMenu = false;

            //view.OptionsFind.AlwaysVisible = true;
            //view.OptionsFind.ShowClearButton = false;
            //view.OptionsFind.ShowFindButton = false;
            //view.OptionsFind.FindNullPrompt = "输入搜索文本，搜索...";
            
            view.OptionsBehavior.AllowFixedGroups = DefaultBoolean.True;
            view.OptionsBehavior.AllowPixelScrolling = DefaultBoolean.True;

            view.OptionsSelection.CheckBoxSelectorColumnWidth = 30;
            view.OptionsSelection.MultiSelect = true;   //启用复选框
            view.OptionsSelection.MultiSelectMode = GridMultiSelectMode.CheckBoxRowSelect;

提示：很多外观的细节设计需要我们耐心地查找相关的属性设置，很多我也不知道。

四、设置每个单元格的编辑器类型

4.1 将某列设置编辑器类型

为单元格绑定事件

 this.repositoryItemComboBox3.SelectedIndexChanged += new System.EventHandler(this.repositoryItemComboBox3_SelectedIndexChanged);

4.2 对每个单元格设置编辑器类型

  // 自定义每个单元格的 编辑器 类型
        private void gvCementSlurryFormula_CustomRowCellEdit(object sender, CustomRowCellEditEventArgs e)
        {
            DevExpress.XtraEditors.Repository.RepositoryItemComboBox ItemComboBox = new DevExpress.XtraEditors.Repository.RepositoryItemComboBox();// 下拉框
            ItemComboBox.Items.Add("");
            ItemComboBox.Items.Add("浅表层常规密度体系");
            ItemComboBox.Items.Add("深表层常规密度体系");
            ItemComboBox.Items.Add("深表层粉煤灰低密度体系");
            ItemComboBox.Items.Add("JS-2常规密度体系");
            ItemComboBox.Items.Add("永旭常规密度体系");
            ItemComboBox.AppearanceDropDown.TextOptions.HAlignment = DevExpress.Utils.HorzAlignment.Center; // 居中
            ItemComboBox.SelectedIndexChanged += ItemComboBox_SelectedIndexChanged; // 绑定事件
            
             DevExpress.XtraEditors.Repository.RepositoryItemMemoEdit ItemMemoEdit = new DevExpress.XtraEditors.Repository.RepositoryItemMemoEdit(); // 文本框
          
if (e.RowHandle==0&&e.Column.Name!="col1") // 第一行
        {
            e.RepositoryItem = ItemComboBox; // 下拉框
        }
        if (e.RowHandle == 1 && e.Column.Name != "col1") // 第一行
        {
            e.RepositoryItem = ItemMemoEdit; // 文本框
        }
    }

对于以上自定义编辑器控件的属性和事件，建议多看看类，在该类中可以参考如何为控件属性赋值和定义事件，我们通过界面设置的各种参数，可以在该类中生成对应代码，所以我们也可以在该类中直接编辑代码。
将单元格设置为某编辑器控件之后，该编辑器控件的很多属性和事件都没法通过界面的形式进行设置。我们可以先对该编辑器控件的原本控件进行界面设置。如 repositoryItemComboBox 对应 ComboBox,repositoryItemButtonEdit对应ButtonEdit。我们再到 *.designer.cs 类中去看控件的事件和属性是怎么设置的，这样我们手动设置单元格中的编辑器控件的事件和属性就容易多了。

 //
    this.repositoryItemButtonEdit1.ButtonClick += new DevExpress.XtraEditors.Controls.ButtonPressedEventHandler(this.repositoryItemButtonEdit1ButtonClick);
// 单击 单元格中控件
 public void repositoryItemButtonEdit1ButtonClick(object sender, ButtonPressedEventArgs e)
        {
    // sender用来获取当前触发事件的控件。
            //获取单元格的值
            ButtonEdit bte = sender as ButtonEdit;
            //根据按钮的位置获取其选择的行
            //显示新界面
            frmDrillingfluidMaterialConsumption frmDrillingfluidMaterialConsumption = new frmDrillingfluidMaterialConsumption(bte.Text, sender);
            frmDrillingfluidMaterialConsumption.Show();
            frmDrillingfluidMaterialConsumption.OnConsumptionToMd += FrmDrillingfluidMaterialConsumption_OnConsumptionToMd;
        }

五、动态增加列

BandedGridColumn bandedGridColumn = (new BandedGridColumn() { Name = cFieldName, FieldName = cFieldName, Caption = cCaption, VisibleIndex = 0 });
                    bandedGridColumn.ColumnEdit = this.repositoryItemButtonEdit1;//设置该列的编辑器类型
                    Quantity.Columns.Add(bandedGridColumn); //

六、BandedGridView的使用

BandedGridView :带区网格视图，以类似于网格视图的二维表格来显示数据，并且把一个或多个列bandedGridColumn组织到带区GridBand内。
将 gridColumn列拖动加入到对应的gridBand中
可通过这是 GridBand的属性，将界面设置为自己想要的样子。比如
效果图：

七、分组显示

八、对GridView 增加删除时易出现空行问题的解决

个人遇到的错误：多次对GridView 进行增加和删除后，再通过DataTable dt=(DataTable)this.gridControl1.DataSource;获取表格中的数据时，会出现其中某行数据为空，导致在进行在数据转换为List时会出现错误，这个问题我也不知道怎么解释，我是这样解决的：DataTable dt= dt = ((DataView)gridView1.DataSource).ToTable();