• DevExpress学习笔记(四)XtraGrid 的操作


    DevExpress学习笔记

    XtraGrid-个人较为感兴趣的效果

    一 显示行号

    在列表中每一行的前面显示当前的行号。

    在GridView的属性中找到 OptionsView->ShowIndicator,设置此属性为true。

    添加GridView 的 CustomDrawRowIndicator事件,代码如下:

     1 private void bandedGridView1_CustomDrawRowIndicator(object sender, DevExpress.XtraGrid.Views.Grid.RowIndicatorCustomDrawEventArgs e)
    2
    3 {
    4
    5 if(e.Info.IsRowIndicator)
    6
    7 {
    8
    9 if(e.RowHandle>=0)
    10
    11 {
    12
    13 e.Info.DisplayText = (e.RowHandle + 1).ToString();
    14
    15 }
    16
    17 }
    18
    19 }

     

      显示的效果如下:

     

     

     

     

    二 在单元格中显示图标+文字

    在Desinger中新增加一个列,设置其属性 ColumnEdit的类型为ImageComboBoxEdit,如下图所示:

     

    在下拉列表中可看出能够选择的控件相当的多,这也就意味着如果我们需要可以在Grid的单元格中使用这些控件做出各种效果,各位如果有兴趣可深入研究下其他控件的使用方法,应该大同小异吧。

    设置完毕,在ColumnEdit的附属属性SmallImages选择需要添加图标的集合控件,关于图标集合控件使用方法详见前几篇笔记。然后设置Items属性,在弹出的属性框内添加新项,如下图所示:

     

    由上图可看出在右边的Value属性为与绑定值的比较,此处代表如果等于1,则显示Up图标,如果有其他的值那么继续新增成员。

    设置完毕后,效果如下图:

     

      Up和Down分别对应于绑定值为1和2。此处还要保证绑定值与设计时的值在类型上一致。

    如果只想在单元格内显示图标,不显示文字,应该怎么做呢?实际效果可参考OutLook中的邮件已读和未读标志图标。

    其实很简单,只需设置Column属性中的ColumnEdit->GlyphAlignment的值为Center既可。注意到GlyphAlignment可选择Default、Near、Center、Far等值,分别是什么效果呢,各位可自行进行测试。

     

    另外如何对表头进行图标设置呢?可先在Views的属性中设置其Images属性为某Images集合列表,然后在Column属性中ImageIndex属性为所需要显示的图标序号,不想显示表头文字,只需要再设置OptionColumn->ShowCaption为False即可。

    三 高亮显示某单元格或者某行

    在OutLook中,如果有没有阅读的邮件,在列表中这一行是高亮显示的,使用XtraGrid控件可轻松实现此效果。

    首先选择Designer中的Apperance下的Format Conditions,新增一个格式化条件。

    其次,设置此条件的属性Apperance->Font为Bold,然后设置ApplyToRow为True,默认为False,如果为False则此格式化条件只适用于某一列中的值,如果为True,则此列所在的那一行都可适用与这个格式化条件。

    然后,选择此条件中的Column属性为prname(示例中的列名),设置Condition为Equal,Value1为test1,这个条件表示如果在绑定的数据源中的prname等于test1,则把此行高亮显示。

     

     

  • 相关阅读:
    2019-2020-1 20175320 《信息安全系统设计基础》第五周学习总结
    2019-2020-1 20175320 《信息安全系统设计基础》第四周学习总结
    2019-2020-1 20175320 《信息安全系统设计基础》第三周学习总结
    2018-2019-2 20175320实验五《网络编程与安全》实验报告
    20175320个人项目-趣味自然数
    MySort
    2018-2019-2 20175320实验四《Android程序设计》实验报告
    20175320 2018-2019-2 《Java程序设计》第11周学习总结
    20175320 2018-2019-2 《Java程序设计》第10周学习总结
    2018-2019-2 20175320实验三《敏捷开发与XP实践》实验报告
  • 原文地址:https://www.cnblogs.com/liwei81730/p/2304253.html
Copyright © 2020-2023  润新知