今天在做系统报表的过程中&＃xff0c;我想实现批量操作DataGridView中的数据&＃xff0c;在列中加复选框&＃xff0c;通过一个事件触发进行全选或取消&＃xff0c;可是在外面添加按钮&＃xff0c;这种模式虽然能够实现&＃xff0c;但是从系统界面设计的角度&＃xff0c;美观和灵活性就差很多了&＃xff0c;能否在DataGridView头标题栏上呈现复选框&＃xff0c;通过这个头标题复选框来对这一列的复选框&＃xff0c;这样是不是更灵活&＃xff0c;也美观一点&＃xff1f;
问题可是&＃xff0c;找了半天&＃xff0c;发现微软原始的DataGridView头标题栏没有CheckBox的功能&＃xff0c;郁闷了~~
。
我在伍兄的博客找到有关于扩展DataGridVew在头标题栏添加全选功能按钮的功能&＃xff08;不是源码开源&＃xff09;&＃xff0c;而且他的这个程序集也不能满足我的需求&＃xff0c;怎么办&＃xff1f;
只有靠我自已去探索了&＃xff0c;我在传统的DataGridView中实现了这个功能&＃xff0c;但是整合进我的换肤组件中不能实现&＃xff0c;Why? 我找了好友Strong一起研究&＃xff0c;自已摸不清方向&＃xff0c;最后还是他找到了问题点&＃xff0c;可是却无法入手&＃xff1f;(no any solution)
最后&＃xff0c;经过自已的努力一步一步debug, 终于解决了问题&＃xff0c;并整合进自已的换肤组件中,个人觉得有必要总结一下。
在总结技术点前&＃xff0c;先展示一下我的成果&＃xff0c;然后再做扩展说明&＃xff0c;如下:
&＃xff08;图一)Office2007Blue效果
(图二) Office2007Silver效果
传统的解决方案
在传统的DataGridView上,实现基本上没有什么难处&＃xff0c;只要按如下的步骤去操作就可以了。
添加一个DataGridViewColumnHeaderCellW.cs&＃xff0c;继承DataGridViewColumnHeaderCell,
源码如下:
public class DataGridViewColumnHeaderCellW : DataGridViewColumnHeaderCell{public object HeaderTextDataSource { get; set; }private Type _dataSourceType &＃61; null;public Type DataSourceType{get{if (HeaderTextDataSource !&＃61; null && _dataSourceType &＃61;&＃61; null)_dataSourceType &＃61; HeaderTextDataSource.GetType();return _dataSourceType;}set { _dataSourceType &＃61; value; }}public string FieldName { get; set; }public string Prefix { get; set; }public string Suffix { get; set; }Point checkBoxLocation;Size checkBoxSize;bool _checked &＃61; false;Point _cellLocation &＃61; new Point();System.Windows.Forms.VisualStyles.CheckBoxState _cbState &＃61;System.Windows.Forms.VisualStyles.CheckBoxState.UncheckedNormal;public event datagridviewcheckboxHeaderEventHander OnCheckBoxClicked; //绘制列头checkbox protected override void Paint(System.Drawing.Graphics graphics,System.Drawing.Rectangle clipBounds,System.Drawing.Rectangle cellBounds,int rowIndex,DataGridViewElementStates dataGridViewElementState,object value,object formattedValue,string errorText,DataGridViewCellStyle cellStyle,DataGridViewAdvancedBorderStyle advancedBorderStyle,DataGridViewPaintParts paintParts){base.Paint(graphics, clipBounds, cellBounds, rowIndex,dataGridViewElementState, value,formattedValue, errorText, cellStyle,advancedBorderStyle, paintParts);Point p &＃61; new Point();Size s &＃61; CheckBoxRenderer.GetGlyphSize(graphics,System.Windows.Forms.VisualStyles.CheckBoxState.UncheckedNormal);p.X &＃61; cellBounds.Location.X &＃43;(cellBounds.Width / 2) - (s.Width / 2) - 1; //列头checkbox的X坐标 p.Y &＃61; cellBounds.Location.Y &＃43;(cellBounds.Height / 2) - (s.Height / 2); //列头checkbox的Y坐标 _cellLocation &＃61; cellBounds.Location;checkBoxLocation &＃61; p;checkBoxSize &＃61; s;if (_checked)_cbState &＃61; System.Windows.Forms.VisualStyles.CheckBoxState.CheckedNormal;else_cbState &＃61; System.Windows.Forms.VisualStyles.CheckBoxState.UncheckedNormal;CheckBoxRenderer.DrawCheckBox(graphics, checkBoxLocation, _cbState);}///
在DataGridViewColumnHeaderCellW.cs内部&＃xff0c;添加一个委托和继承EventArgs事件数据的基类:
public delegate void datagridviewcheckboxHeaderEventHander(object sender, datagridviewCheckboxHeaderEventArgs e);//定义包含列头checkbox选择状态的参数类 public class datagridviewCheckboxHeaderEventArgs : EventArgs{private bool checkedState &＃61; false;public bool CheckedState{get { return checkedState; }set { checkedState &＃61; value; }}}
先在界面上添加一个DataGridView,并添加一列&＃xff0c;选类型为DataGridViewCheckBoxColumn,在Form_Load事件中添加如下代码:
private void Form1_Load(object sender, EventArgs e){DataGridViewColumnHeaderCellW ch &＃61; new DataGridViewColumnHeaderCellW();ch.OnCheckBoxClicked &＃43;&＃61; new datagridviewcheckboxHeaderEventHander(OnCheckBoxClicked);//第三列为DataGridViewCheckBoxColumn DataGridViewCheckBoxColumn checkboxCol &＃61; this.dataGridView1.Columns[0] as DataGridViewCheckBoxColumn;checkboxCol.HeaderCell &＃61; ch;checkboxCol.HeaderCell.Value &＃61; string.Empty;//消除列头checkbox旁出现的文字 }
没题解决了!
展示一下&＃xff0c;这个复选框暂放在最后一列&＃xff0c;如下图:
这个真是灰头土脸&＃xff0c;像是灰姑娘那么丑。
于是&＃xff0c;我整合进我的换肤中&＃xff0c;可是怎么也不能实现&＃xff0c;标题栏就是不出来,结果成了如下图这样子:
最后经过一系列努力&＃xff0c;定位问题在CellPainting事件中&＃xff0c;重绘的过程把标题栏的checkbox效果覆盖了。
我在此事件中添加如下代码:
if (e.RowIndex &＃61;&＃61; -1){if (!(_columnHeaderUpColor &＃61;&＃61; Color.Transparent) && !(_columnHeaderDownColor &＃61;&＃61; Color.Transparent) &&!_columnHeaderUpColor.IsEmpty && !_columnHeaderDownColor.IsEmpty){DrawLinearGradient(e.CellBounds, e.Graphics, _columnHeaderUpColor, _columnHeaderDownColor);if (ShowColumnHeaderCheckBox){e.Paint(e.ClipBounds, (DataGridViewPaintParts.All & ~DataGridViewPaintParts.Background));}else{DrawText(e); }e.Handled &＃61; true;}}
问题终于解决&＃xff0c;但是在代码中为什么用ShowColumnHeaderCheckBox?
并不是所有的数据呈现功能都要有这个头标题栏复选框的功能&＃xff0c;为了更好的兼容性&＃xff0c;我在添加了这个属性&＃xff0c;开发人员可以通过此属性灵活选择,默认是false。
public bool showColumnHeaderCheckBox;public bool ShowColumnHeaderCheckBox{get{return showColumnHeaderCheckBox;}set { showColumnHeaderCheckBox &＃61; value; }}
private void Form1_Load(object sender, EventArgs e){InitParameterList();dataGridView1.ShowColumnHeaderCheckBox &＃61; true;//此处设为trueDataGridViewColumnHeaderCellW ch &＃61; new DataGridViewColumnHeaderCellW();ch.OnCheckBoxClicked &＃43;&＃61; new datagridviewcheckboxHeaderEventHander(OnCheckBoxClicked);//第三列为DataGridViewCheckBoxColumn DataGridViewCheckBoxColumn checkboxCol &＃61; this.dataGridView1.Columns[0] as DataGridViewCheckBoxColumn;checkboxCol.HeaderCell &＃61; ch;checkboxCol.HeaderCell.Value &＃61; string.Empty;//消除列头checkbox旁出现的文字 }
在研究一个新的东西时&＃xff0c;我一般是先实现粗糙的功能&＃xff0c;由浅入深渐渐细化这么一个演变的过程&＃xff0c;毕竟灰姑娘一下要变成白雪公主也是要有个过程的。
元芳&＃xff0c;你怎么看&＃xff1f;
京公网安备 11010802041100号