为了让grid看上去更好,使用table styles。一个table style可以包含多种table styles——你想在grid中查看每个column。在这个例子中,columns包括订购信息和收货人姓名。下面的代码设置状态:
DataGridTableStyle ts = new DataGridTableStyle();
ts.MappingName = "Order";
// Order date column style
DataGridColumnStyle orderDate = new DataGridTextBoxColumn();
orderDate.MappingName = "OrderDate";
orderDate.HeaderText = "Date";
ts.GridColumnStyles.Add(orderDate);
// Shipping name column style
DataGridColumnStyle shipName = new DataGridTextBoxColumn();
shipName.MappingName = "ShipName";
shipName.HeaderText = "Customer";
shipName.Width = this.Width - orderDate.Width - 37;
ts.GridColumnStyles.Add(shipName);
grdOrders.TableStyles.Add(ts);
每个column style(DataGridColumnStyle)设置一个表字段名称映射到(MappingName property),header text用于显示(HeaderText property),并自定义column宽度(Width property)。两个column styles被加入到table style中,最后将table style加入到DataGrid控件(grdOrders)中。在这个例子里styles是被代码创建的,但是styles同样可以在forms designer中被创建。
当这个grid看上去很好时,有许多common features在grid中可以被支持。编辑就是其中之一。但编辑在DataGrid控件中不是被自动支持的,这就需要手工实现。一种方法就是使用一个隐藏的TextBox控件,当一个cell被选中时显示,当编辑结束时隐藏。这就需要你声明一些变量:
private DataGridCell editCell;
private bool inEditMode = false;
private bool inUpdateMode = false;
我们需要获取哪个cell被编辑激活(editCell),这个cell是否在编辑状态(inEditMode),和我们是否正在更新一个cell(inUpdateMode).
控制编辑代码如下:
private void grdOrders_CurrentCellChanged(object sender,
System.EventArgs e)
{
if (!inUpdateMode)
{
if (inEditMode && !grdOrders.CurrentCell.Equals(editCell))
{
// Update edited cell
inUpdateMode = true;
grdOrders.Visible = false;
DataGridCell currentCell = grdOrders.CurrentCell;
grdOrders[editCell.RowNumber, editCell.ColumnNumber] =
txtEdit.Text;
grdOrders.CurrentCell = currentCell;
grdOrders.Visible = true;
inUpdateMode = false;
txtEdit.Visible = false;
inEditMode = false;
}
// Enter edit mode
editCell = grdOrders.CurrentCell;
txtEdit.Text = (string)grdOrders[editCell.RowNumber,
editCell.ColumnNumber];
Rectangle cellPos = grdOrders.GetCellBounds(editCell.RowNumber,
editCell.ColumnNumber);
txtEdit.Left = cellPos.Left - 1;
txtEdit.Top = cellPos.Top + grdOrders.Top - 1;
txtEdit.Width = cellPos.Width + 2;
txtEdit.Height = cellPos.Height + 2;
txtEdit.Visible = true;
inEditMode = true;
}
}
当一个cell被点击(inEditMode和inUpdate被设置为false)时,当前的cell被保存(editCell)。然后,隐藏的TextBox(txtEdit)得到当前cell的内容,重新设置到当前cell的位置,并使其可见(在当前的cell上边)。当编辑完成、其他cell被选择时,事件代码不可用(inUpdateMode设置成true),当被编辑的cell从TextBox控件得到后,将新的cell保存(currentCell)。在update过程中,grid没有被update(Visible设置成false),当update完成TextBox被重新隐藏。
其他的common grid feature是通过点击column header进行排序。代码如下:
private void grdOrders_MouseUp(object sender,
System.Windows.Forms.MouseEventArgs e)
{
DataGrid.HitTestInfo hitTest = grdOrders.HitTest(e.X, e.Y);
if (hitTest.Type == DataGrid.HitTestType.ColumnHeader)
{
// Exit edit mode
txtEdit.Visible = false;
inEditMode = false;
// Sort tapped column
DataTable dataTable = (DataTable)grdOrders.DataSource;
DataView dataView = dataTable.DefaultView;
string columnName = dataTable.Columns[hitTest.Column].ColumnName;
if (dataView.Sort == columnName)
dataView.Sort = columnName + " DESC";
else
dataView.Sort = columnName;
}
}
如果header被点击,第一件事是确保任何当前cell的编辑被取消。然后一个DataView被创建并通过点击的column排序。如果一个column再次得到点击事件而排序顺序将被改成递减。后来的点击将使排序在递增和递减间切换,直到其他的column被点击。