在開發一個個人項目的時候,有客戶反映默認GridView多選操作不是很方便和理想,想在列表的左邊增加一列可以勾選,並且最好支持列表頭部全選的操作,否則數據多的時候一個個勾選要到天荒地老。
基於以上需求,找了不少例子進行比較,並對代碼進行測試改進,終於完成了以上的功能了, 並且由於我本身做了多套界面的處理,因此,基於傳統的DataGridView全選操作不能少,而且基於DevExpress控件的GridView全選操作也應該支持,呵呵。
無圖無真相,下面先上圖介紹兩種不同的效果,然后在詳細介紹代碼的實現。
1)DevExpress控件的GridView的實現多選操作
先講DevExpress控件的GridView的實現,要實現的功能基本上是處理單擊全選操作、重新繪制表頭等操作,首先在加載第一步實現相關的事件和操作,如下所示。
this.gridView1.CustomDrawColumnHeader += new DevExpress.XtraGrid.Views.Grid.ColumnHeaderCustomDrawEventHandler( this.gridView1_CustomDrawColumnHeader);
this.gridView1.DataSourceChanged += new EventHandler(gridView1_DataSourceChanged);
然后就是實現里面的事件操作了,對應的代碼如下所示。
{
if (DevControlHelper.ClickGridCheckBox( this.gridView1, " Check ", m_checkStatus))
{
m_checkStatus = !m_checkStatus;
}
}
private void gridView1_CustomDrawColumnHeader( object sender, DevExpress.XtraGrid.Views.Grid.ColumnHeaderCustomDrawEventArgs e)
{
if (e.Column != null && e.Column.FieldName == " Check ")
{
e.Info.InnerElements.Clear();
e.Painter.DrawObject(e.Info);
DevControlHelper.DrawCheckBox(e, m_checkStatus);
e.Handled = true;
}
}
void gridView1_DataSourceChanged( object sender, EventArgs e)
{
GridColumn column = this.gridView1.Columns.ColumnByFieldName( " Check ");
if (column != null)
{
column.Width = 80;
column.OptionsColumn.ShowCaption = false;
column.ColumnEdit = new RepositoryItemCheckEdit();
}
}
其中單擊和繪制表頭的操作,交給另外一個類DevControlHelper來獨立進行處理,數據源變化gridView1_DataSourceChanged實現的操作是尋找對應的全選列,並設置列寬、隱藏表頭標題,並設置為復選框樣式。
DevControlHelper 類的實現代碼如下所示:
{
RepositoryItemCheckEdit repositoryCheck = e.Column.ColumnEdit as RepositoryItemCheckEdit;
if (repositoryCheck != null)
{
Graphics g = e.Graphics;
Rectangle r = e.Bounds;
DevExpress.XtraEditors.ViewInfo.CheckEditViewInfo info;
DevExpress.XtraEditors.Drawing.CheckEditPainter painter;
DevExpress.XtraEditors.Drawing.ControlGraphicsInfoArgs args;
info = repositoryCheck.CreateViewInfo() as DevExpress.XtraEditors.ViewInfo.CheckEditViewInfo;
painter = repositoryCheck.CreatePainter() as DevExpress.XtraEditors.Drawing.CheckEditPainter;
info.EditValue = chk;
info.Bounds = r;
info.CalcViewInfo(g);
args = new DevExpress.XtraEditors.Drawing.ControlGraphicsInfoArgs(info, new DevExpress.Utils.Drawing.GraphicsCache(g), r);
painter.Draw(args);
args.Cache.Dispose();
}
}
public static bool ClickGridCheckBox(DevExpress.XtraGrid.Views.Grid.GridView gridView, string fieldName, bool currentStatus)
{
bool result = false;
if (gridView != null)
{
gridView.ClearSorting(); // 禁止排序
gridView.PostEditor();
DevExpress.XtraGrid.Views.Grid.ViewInfo.GridHitInfo info;
Point pt = gridView.GridControl.PointToClient(Control.MousePosition);
info = gridView.CalcHitInfo(pt);
if (info.InColumn && info.Column != null && info.Column.FieldName == fieldName)
{
for ( int i = 0; i < gridView.RowCount; i++)
{
gridView.SetRowCellValue(i, fieldName, !currentStatus);
}
return true;
}
}
return result;
}
2)傳統DataGridView實現全選操作
首先在第一列增加一個CheckBox控件,然后通過相關的事件,調整其位置,並相應對應的單擊全選操作,初始化代碼如下所示。
public FrmNormalGridViewSelect()
{
InitializeComponent();
if (! this.DesignMode)
{
HeaderCheckBox = new CheckBox();
HeaderCheckBox.Size = new Size( 15, 15);
this.dgvSelectAll.Controls.Add(HeaderCheckBox);
HeaderCheckBox.KeyUp += new KeyEventHandler(HeaderCheckBox_KeyUp);
HeaderCheckBox.MouseClick += new MouseEventHandler(HeaderCheckBox_MouseClick);
dgvSelectAll.CurrentCellDirtyStateChanged += new EventHandler(dgvSelectAll_CurrentCellDirtyStateChanged);
dgvSelectAll.CellPainting += new DataGridViewCellPaintingEventHandler(dgvSelectAll_CellPainting);
}
}
事件實現了CheckBox重繪調整,並處理單擊事件,如下所示。
{
HeaderCheckBoxClick((CheckBox)sender);
}
private void dgvSelectAll_CellPainting( object sender, DataGridViewCellPaintingEventArgs e)
{
if (e.RowIndex == - 1 && e.ColumnIndex == 0)
ResetHeaderCheckBoxLocation(e.ColumnIndex, e.RowIndex);
}
private void ResetHeaderCheckBoxLocation( int ColumnIndex, int RowIndex)
{
Rectangle oRectangle = this.dgvSelectAll.GetCellDisplayRectangle(ColumnIndex, RowIndex, true);
Point oPoint = new Point();
oPoint.X = oRectangle.Location.X + (oRectangle.Width - HeaderCheckBox.Width) / 2 + 1;
oPoint.Y = oRectangle.Location.Y + (oRectangle.Height - HeaderCheckBox.Height) / 2 + 1;
HeaderCheckBox.Location = oPoint;
}
private void HeaderCheckBoxClick(CheckBox HCheckBox)
{
foreach (DataGridViewRow Row in dgvSelectAll.Rows)
{
((DataGridViewCheckBoxCell)Row.Cells[ " chkBxSelect "]).Value = HCheckBox.Checked;
}
dgvSelectAll.RefreshEdit();
}
非常感謝你閱讀及支持,如果有好的建議及問題,可以聯系我,共同討論促進。