在VB里怎么添加DataGrid控件

在VB里怎么添加DataGrid控件,第1张

1. 为需要访问的数据库创建一个 Microsoft 数据链接 (.MDL) 文件。

2. 在窗体上放置一个 ADO Data 控件,并将其 ConnectionString 属性设置为在第1步中所创建的OLE DB 数据源。

3. 在这个 Ado Data 控件的 RecordSource 属性中输入一条将返回一个记录集的 SQL 语句。例如,Select * From MyTableName Where CustID = 12

4. 在窗体上放置一个 DataGrid 控件,将其DataSource属性设置为这个ADOData控件。

5. 右键单击该 DataGrid 控件,然后单击“检索字段”。

6. 右键单击该 DataGrid 控件,然后单击“编辑”。

7. 重新设置该网格的大小、删除或添加网格的列。

8. 右键单击该 DataGrid 控件,然后单击“属性”。

9. 使用“属性页”对话框来设置该控件的适当的属性,将该网格配置为所需的外观和行为。

界面里点击datagrid控件,

法一:如果已经连接数据源、表、有查询语句,单击右键,选择“字段刷新”(retrieve fields),确定。

法二:单击右键,选择“编辑”(edit)编辑该控件,通过编辑控件(此时再次单击右键,插入行或列)完成

datagridview控件默认只支持datagridviewbuttoncolumn、datagridviewcheckboxcolumn、datagridviewcomboboxcolumn、datagridviewimagecolumn、datagridviewlinkcolumn和datagridviewtextboxcolumn六种列类型,如果你想要在datagridview的列中添加其它的子控件,则需要自己实现datagridviewcolumn和datagridviewcell,这就意味着你需要从现有的列中继承并改写一些方法,如实现一个支持单选按钮的列,或支持三种选择状态的多选按钮的列。

要实现自定义的datagridview列,你需要继承并改写两个类,一个是基于datagridviewcolumn的,一个是基于datagridviewcell的,因为radionbutton和checkbox的实现原理类似,因此我们可以将这两种列采用同一种方法实现。创建datagridviewdisablecheckboxcell和datagridviewdisablecheckboxcolumn两个类,分别继承自datagridviewcheckboxcell和datagridviewcheckboxcolumn。代码如下:

public class datagridviewdisablecheckboxcell: datagridviewcheckboxcell

{

  public bool enabled { getset}

  // override the clone method so that the enabled property is copied.

  public override object clone()

  {

  datagridviewdisablecheckboxcell cell = (datagridviewdisablecheckboxcell)base.clone()

  cell.enabled = this.enabled

  return cell

  }

  // by default, enable the checkbox cell.

  public datagridviewdisablecheckboxcell()

  {

  this.enabled = true

  }

  // three state checkbox column cell

  protected override void paint(graphics graphics, rectangle clipbounds, rectangle cellbounds, int rowindex,

  datagridviewelementstates elementstate, object value, object formattedvalue, string errortext,

  datagridviewcellstyle cellstyle, datagridviewadvancedborderstyle advancedborderstyle, datagridviewpaintparts paintparts)

  {

  // the checkbox cell is disabled, so paint the border, background, and disabled checkbox for the cell.

  if (!this.enabled)

  {

  // draw the cell background, if specified.

  if ((paintparts &datagridviewpaintparts.background) == datagridviewpaintparts.background)

  {

  solidbrush cellbackground = new solidbrush(cellstyle.backcolor)

  graphics.fillrectangle(cellbackground, cellbounds)

  cellbackground.dispose()

  }

  // draw the cell borders, if specified.

  if ((paintparts &datagridviewpaintparts.border) == datagridviewpaintparts.border)

  {

  paintborder(graphics, clipbounds, cellbounds, cellstyle, advancedborderstyle)

  }

  // calculate the area in which to draw the checkbox.

  checkboxstate state = checkboxstate.mixeddisabled

  size size = checkboxrenderer.getglyphsize(graphics, state)

  point center = new point(cellbounds.x, cellbounds.y)

  center.x += (cellbounds.width - size.width) / 2

  center.y += (cellbounds.height - size.height) / 2

  // draw the disabled checkbox.

  checkboxrenderer.drawcheckbox(graphics, center, state)

  }

  else

  {

  // the checkbox cell is enabled, so let the base class, handle the painting.

  base.paint(graphics, clipbounds, cellbounds, rowindex, elementstate, value, formattedvalue, errortext, cellstyle, advancedborderstyle, paintparts)

  }

  }

}

public class datagridviewdisablecheckboxcolumn : datagridviewcheckboxcolumn

{

  public datagridviewdisablecheckboxcolumn()

  {

  this.celltemplate = new datagridviewdisablecheckboxcell()

  }

}

主要是要实现datagridviewdisablecheckboxcell的呈现方式,其中设置了checkboxstate的状态为mixeddisabled,表示支持三种状态,这个是实现效果的核心,如果要实现radiobutton列的效果,只需要将paint方法改成下面这样即可:

  protected override void paint(graphics graphics, rectangle clipbounds, rectangle cellbounds, int rowindex,

datagridviewelementstates elementstate, object value, object formattedvalue, string errortext,

datagridviewcellstyle cellstyle, datagridviewadvancedborderstyle advancedborderstyle, datagridviewpaintparts paintparts)

  {

  // draw the cell background, if specified.

  if ((paintparts &datagridviewpaintparts.background) == datagridviewpaintparts.background)

  {

  solidbrush cellbackground = new solidbrush(cellstyle.backcolor)

  graphics.fillrectangle(cellbackground, cellbounds)

  cellbackground.dispose()

  }

  // draw the cell borders, if specified.

  if ((paintparts &datagridviewpaintparts.border) == datagridviewpaintparts.border)

  {

  paintborder(graphics, clipbounds, cellbounds, cellstyle, advancedborderstyle)

  }

  // calculate the area in which to draw the checkbox.

  radiobuttonstate state = value != null &&(selectedstatus)value == selectedstatus.selected ? radiobuttonstate.checkednormal : radiobuttonstate.uncheckednormal

  size size = radiobuttonrenderer.getglyphsize(graphics, state)

  point center = new point(cellbounds.x, cellbounds.y)

  center.x += (cellbounds.width - size.width) / 2

  center.y += (cellbounds.height - size.height) / 2

  // draw the disabled checkbox.

  radiobuttonrenderer.drawradiobutton(graphics, center, state)

  }

使用radiobuttonstate代替checkboxstate。

当然,上面的代码只是实现了列和单元格的显示效果,在使用过程中当用户点击单选或多选按钮时如何改变状态则需要自己手动编写代码来实现,如在点击单选按钮时将datagridview中其它行的单选按钮设置为未选择状态,点击多选按钮时在三种状态之间转换等。

首先我们需要手动修改form的designer.cs文件中的代码,将checkbox所在的列的类型由datagridviewcheckboxcolumn改成datagridviewdisablecheckboxcolumn,并设置threestate的值为true,这个代码是需要手动去修改的,因为默认情况下vs不支持对自定义datagridview列类型进行可视化编辑。要支持checkbox的三种状态,我们还需要定义一个枚举来给checkbox的truevalue、falsevalue和indeterminatevalue赋值。这个枚举很简单,有三个成员就够了。

public enum selectedstatus

{

  selected,

  noselected,

  indeterminate

}

然后设置checkbox的truevalue=selectedstatus.selected,falsevalue=selectedstatus.noselected,indeterminatevalue=selectedstatus.indeterminate。

好了!这个时候运行程序,可以看到经过我们改造的列已经可以正常显示了,但是有一个问题,

那就是当我们点击其中的单选或多选按钮时它的状态并不能发生变化,这是因为我们没有在click事件中改变按钮的选择状态。要实现这个功能,你需要给宿主datagridview定义cellcontentclick事件,并且判断当用户点击的是否为你所指定的控件,然后进行相应的处理。代码如下:

private void datagridview1_cellcontentclick(object sender, datagridviewcelleventargs e)

{

  if (e.rowindex >= 0)

  {

  datagridviewcolumn column = datagridview1.columns[e.columnindex]

  if (column is datagridviewcheckboxcolumn)

  {

  datagridviewdisablecheckboxcell cell = datagridview1.rows[e.rowindex].cells[e.columnindex] as datagridviewdisablecheckboxcell

  if (!cell.enabled)

  {

  return

  }

  if ((selectedstatus)cell.value == selectedstatus.noselected)

  {

  cell.value = selectedstatus.selected

  }

  else if ((selectedstatus)cell.value == selectedstatus.selected)

  {

  cell.value = selectedstatus.indeterminate

  }

  else

  {

  cell.value = selectedstatus.noselected

  }

  }

  }

}

这个是checkbox的,如果是radiobutton的话你还需要控制其它radionbutton的状态,这个时候就没有三种状态而是两种状态了,代码可以修改成这样:

private void datagridview1_cellcontentclick(object sender, datagridviewcelleventargs e)

{

  if (e.rowindex >= 0)

  {

  datagridviewcolumn column = datagridview1.columns[e.columnindex]

  if (column is datagridviewcheckboxcolumn)

  {

  datagridviewdisablecheckboxcell cell = datagridview1.rows[e.rowindex].cells[e.columnindex] as datagridviewdisablecheckboxcell

  if (!cell.enabled)

  {

  return

  }

  if ((selectedstatus)cell.value == selectedstatus.noselected)

  {

  cell.value = selectedstatus.selected

  setradiobuttonvalue(cell)

  }

  else

  {

  cell.value = selectedstatus.noselected

  }

  }

  }

}

private void setradiobuttonvalue(datagridviewdisablecheckboxcell cell)

{

  selectedstatus status = (selectedstatus)cell.value

  if (status == selectedstatus.selected)

  {

  status = selectedstatus.noselected

  }

  else

  {

  status = selectedstatus.selected

  }

  for (int i = 0i <datagridview1.rows.counti++)

  {

  datagridviewdisablecheckboxcell cel = datagridview1.rows[i].cells["checkbox"] as datagridviewdisablecheckboxcell

  if (!cel.equals(cell))

  {

  cel.value = status

  }

  }

}

函数setradionbuttonvalue负责修改宿主datagridview当前列中其它的radionbutton的状态。

在完成这些工作后,一个相对完整的支持radionbutton或三种状态的checkbox列的datagridview界面就完成了,你可以根据需要在接下来的代码中来判断datagridview中哪些行被选中了,或者哪些行处于未确定的选择状态(checkbox的第三种状态),进而做出判断来完成后面的工作。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11699610.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-18
下一篇2023-05-18

发表评论

登录后才能评论

评论列表(0条)

    保存