DevExpress之GridControl根据单元格内容显示不一样图标(图标+内容)

需求提出:

  GridControl表格控件的使用过程当中,若是表格能根据单元格数据的范围,拥有不一样的Appearance,包括前景色,背景色,图标甚至进度条等,表格的表现力将大大增长。此时可在表格的设计窗口添加对应的Format Rules,设置相应范围及外观便可。spa

  

 

  此处针对的数据类型基本属于数值类型(Number/Percent...)。若是单元格内容是字符串类型呢,好比一张显示人员信息的表格,想根据不一样性别(男/女)显示不一样的图标,用Range去区分不一样数值就不大合适了。此时能够针对每一种特定值设定一个图标,表格自动根据单元格内容显示不一样的图标(或者图标+内容)。设计

 

 

实现步骤:

  1.设计界面拖入一个ImageCollection控件,添加要显示的图标到ImageCollection控件中;3d

    

   

  2.选中要设置的Column,在其ColumnEdit中新建一个ItemImageComboBox;orm

  

  3.展开上一步的ColumnEdit,设置SmallImage为开始添加的图片集合;blog

  

 

  4.鼠标滚轮往上滚,设置Items的内容,添加两条,设置其ImageIndex(下拉选择对应的图标),以及Value(设置成String类型的某个指定字符串,好比男/女);图片

  

 

   5.绑定数据,试试效果;ip

  

 

   6.想显示单元格原来的内容,回到上面的Items设置里面,设置其Description为以前指定的字符串便可;字符串

  

 

  7.跑起来,搞定收工。it

  

  固然了,以上的一切,均可以用代码去设置效果的,可是既然有UI设计界面,固然是在UI上操做比较方便了。io

相关文章
相关标签/搜索