zoukankan      html  css  js  c++  java
  • DevExpress学习系列(控件篇):GridControl的基本应用

    一般属性设置

    • 不显示分组框:Gridview->Option View->Show Group Panel=false
    • 单元格不可编辑:gridcontrol -->gridview -->OptionsBehavior -->Editable=false
    • 禁用过滤器:Run Design->OptionsCustomization->AllowFilter=false
    • 禁用右键菜单:Run Design->OptionsMenu->EnableColumnMenu=false
    • 列的宽度自动调整:gridView1.OptionsView.ColumnAutoWidth=true
    • 禁止排序:gridView1.OptionsCustomization.AllowSort = false;
    • 列头禁止移动:gridView1.OptionsCustomization.AllowColumnMoving = false;
    • 每次选择一行:this.gridView1.FocusRectStyle = DevExpress.XtraGrid.Views.Grid.DrawFocusRectStyle.RowFocus
    • 记录定位:this.gridView.MoveNext() this.gridView.MoveLast() this.gridView.MoveFirst()
    • 显示水平滚动条:this.gridView.OptionsView.ColumnAutoWidth = false;
    • 冻结列:physicColumn.Fixed = FixedStyle.Left;

    数据绑定

    • 基本的绑定
      gridControl1.DataSource=dt;
      在对应的Grid中添加列,设置其中的Data(Category)
    • 根据数据源自动产生列
      gridView2.PopulateColumns();

    添加底部统计行

    实现如下图所示中的统计功能:

    参考文章

    实现步骤

    1. 设置显示Footer:OptionsView > ShowFooter
    2. 设置GridView中的Summary字段或者手动设置统计列:gridView1.Columns["Quantity"].Summary.Add(DevExpress.Data.SummaryItemType.Average, "Quantity", "Avg={0:n2}");

    自定义绑定

    很多时候,我们并不是对所有的行进行统计,可能我们是通过一些特定的条件进行统计,那么可以进行统计行的自定义绑定,步骤如下:

    1. 设置统计类型为Custom
    2. 处理事件:GridView.CustomSummaryCalculate
    3. 辨别是哪个统计项的方法
      • e.Item是GridSummaryItem,可以利用Item中的Tag字段
    4. 注意使用e.SummaryProcess == CustomSummaryProcess.Calculate
    5. 可以在e.SummaryProcess == CustomSummaryProcess.Finalize中直接给统计项赋值。
    private void gridView2_CustomSummaryCalculate(object sender, DevExpress.Data.CustomSummaryEventArgs e)
    {
        if (e.SummaryProcess == DevExpress.Data.CustomSummaryProcess.Finalize)
        {
            e.TotalValue = 100;
        }
    }
    

    样式设定

    显示行号

    • this.gridView2.IndicatorWidth = 30;//设置显示行号的列宽
    • 在事件中实现:
    private void gridView2_CustomDrawRowIndicator(object sender, DevExpress.XtraGrid.Views.Grid.RowIndicatorCustomDrawEventArgs e)
    {
        if (e.Info.IsRowIndicator && e.RowHandle >= 0)
        {
            e.Info.DisplayText = (e.RowHandle + 1).ToString();
        }
    }
    

    分组名称自定义

    GridControl控件分组时,分组的名称仅仅是当前分组的字段名称,如果我们想按下图一样自定义分组,要怎么做呢?

    • 自定义方法

      1. 使用分组行绘制事件
      private void gridView1_CustomDrawGroupRow(object sender, DevExpress.XtraGrid.Views.Base.RowObjectCustomDrawEventArgs e)
      {
          var info = (GridGroupRowInfo)e.Info;
          var count=info.View.GetChildRowCount(e.RowHandle);
          info.GroupText = string.Format("{0},票数:{1}", info.GroupText, count);
      }
      
      1. 使用CustomColumnDisplayText事件
      private void gridView_CustomColumnDisplayText(object sender, DevExpress.XtraGrid.Views.Base.CustomColumnDisplayTextEventArgs e) {
          if (e.Column.FieldName == "Order Sum" && e.IsForGroupRow) {
              double rowValue = Convert.ToDouble(gridView.GetGroupRowValue(e.GroupRowHandle, e.Column));
              double val = Math.Floor(rowValue / 100);
              string groupRowInterval = string.Format("{0:c} - {1:c} ", val * 100, (val + 1) * 100);
              if (val > 14)
                  groupRowInterval = string.Format(">= {0:c} ", val * 100);
              e.DisplayText = "Order Sum: " + groupRowInterval;
          }
      }
      
      1. 使用GroupFormat属性
      2. 使用分组统计项(推荐)
      gridView1.GroupSummary.Add(DevExpress.Data.SummaryItemType.Count, "Name", null, "({0}票)");
      gridView1.GroupSummary.Add(DevExpress.Data.SummaryItemType.Sum, "Volume", null, "({0}CMB)");
      
    • 自定义属性

      1. 获取分组计数:GridView.GetChildRowCount

    奇偶行颜色设置

    • OptionsView.EnableAppearanceEvenRow = trueOptionsView.EnableAppearanceOddRow = true;
    • 设置Appearance.EvenRow.BackColorAppearance.OddRow.BackColor

    设置某个单元格的颜色

    • 通过在Appearence中添加FormatCondition,设置应用与整行,还是单一个单元格
    • 使用事件gridView1_CustomDrawCell(object sender, DevExpress.XtraGrid.Views.Base.RowCellCustomDrawEventArgs e) 判断
      if (e.Column.FieldName == "F_State")
      {
          if (e.CellValue.ToString().Equals("False"))
          {
              e.Appearance.ForeColor=Color.Red;
              e.Appearance.DrawString(e.Cache,e.DisplayText,r);
              e.Handled = true;
          }
      }
      
    
    ###重置文字的显示
    比如数值为0时显示为空白
    + [使用`CustomColumnDisplayText`事件](https://documentation.devexpress.com/#WindowsForms/DevExpressXtraGridViewsBaseColumnView_CustomColumnDisplayTexttopic)
    	
    	```cs
    	private void gridView1_CustomColumnDisplayText(object sender,CustomColumnDisplayTextEventArgs e) {
    	   if(e.Column.FieldName == "Discount")
    	      if(Convert.ToDecimal(e.Value) == 0) e.DisplayText = "";
    	}
    	```
    
    ###设置为超链接单元格并处理事件
    很多时候,我们点击某个单元格会触发一些事件,比如弹出对话框,显示详情或者其他一些重要的信息,这个时候,如果能够像html一样,显示个超链接的形式,会比较人性化,使用者一看就知道这个单元格是可以点击的,比如下面这种格式:
    ![](http://images.cnblogs.com/cnblogs_com/marvin/680096/o_grid_link.png)
    
    1. 新建`DevExpress.XtraEditors.Repository.RepositoryItemHyperLinkEdit`
    	![](http://images.cnblogs.com/cnblogs_com/marvin/680096/o_gridcontrol_hyperlink.png)
    2. 把上述Item赋值到Column的`ColumnEdit`属性
    	![](http://images.cnblogs.com/cnblogs_com/marvin/680096/o_gridcontrol_hyperlink_assign.png)
    3. 获取点击的单元格,则处理事件`gridView2_RowCellClick(object sender, DevExpress.XtraGrid.Views.Grid.RowCellClickEventArgs e)`。该事件如果单元格处于编辑状态,则右键触发,否则左键触发
    
    上述方法的弊端为:点击整个单元格,会触发事件,跟点击单元格中的链接才会触发事件相差甚大,可惜GridControl中没有GridView控件中的`CellContentClick`事件,所以只能采用折中的方法。
    
    ##重要事件
    + 选择某行触发:`gridView2.RowClick += new DevExpress.XtraGrid.Views.Grid.RowClickEventHandler(gridView2_RowClick);`
    
    ##数据获取
    + 选择某行后获取当前表格数据:`this.textBox1.Text = gridView2.GetDataRow(e.RowHandle)["列名"].ToString();`
  • 相关阅读:
    Linux 性能工具安装部署
    JVM 详解
    十大经典排序算法动画与解析
    Linux 安装Jdk、mysql、apache、php、tomcat、nginx
    使用mysqldump备份数据库
    Linux 安装 python3.6 ,并且配置 Pycharm 远程连接开发
    python安装途中遇到的问题和解决方法
    Linux安装python2.7、pip和setuptools
    SELENIUM如何调用FIREFOX时加载插件
    NOSQL之MEMCACHE
  • 原文地址:https://www.cnblogs.com/marvin/p/Dev_GridControl.html
Copyright © 2011-2022 走看看