将数据与显示方式分开
使用 DataGridView 时,直接访问单元格和列很少是一个好主意。它更容易使用DataGridView.DataSource
。
在现代编程中,倾向于将数据(= 模型)与数据的显示方式(= 视图)分开。要将这两个项目粘合在一起,需要一个适配器类,通常称为视图模型。这三个项目的缩写称为MVVM。
使用 DataGridView.DataSource 显示数据
显然,如果操作员单击一个单元格,您想读取该单元格行的标签的值,以获取一些额外的信息,一些 Id。
这个显示的行是一些数据的显示。显然,此数据的部分功能是访问此 ID。你不应该把这些信息放在视图中,你应该把它放在模型中。
class MyWebPage // TODO: invent proper identifier
{
public int Id {get; set;}
public string Title {get; set;}
public string Url {get; set;}
public bool ReadLater {get; set;}
... // other properties
}
显然,您有一种方法可以从nodes
. 将获取此数据(=模型)与显示它(=视图)分开:
IEnumerable<MyWebPage> FetchWebPages(...)
{
...
foreach (XElement node in nodes)
{
Helper.CheckNode(node);
bool readLater = this.CreateReadLater(node);
yield return new MyWebPage
{
Id = node.Attribute("id").Value,
Url = node.Element("path").Value,
Title = node.Element("title").Value,
ReadLater = this.CreateReadLater(node),
};
}
}
我不知道节点“ReadLater”中有什么,显然您知道如何将其转换为布尔值。
bool CreateReadLater(XElement node)
{
// TODO: implement, if null return true; if not null ...
// out of scope of this question
}
对于要显示的每个属性,都创建一个 DataGridViewColumn。属性DataPropertyName定义应在列中显示的属性。如果标准 ToString 不足以正确显示值,则使用DefaultCellStyle,例如,定义小数点后的位数,或将负值着色为红色。
您可以使用 Visual Studio 设计器执行此操作,也可以在构造函数中执行此操作:
public MyForm
{
InitializeComponents();
this.dataGridViewColumnTitle.DataPropertyName = nameof(MyWebPage.Title);
this.dataGridViewColumnUrl.DataPropertyName = nameof(MyWebPage.Url);
...
}
您不想显示 ID,因此没有此列。
现在要显示数据,您所要做的就是将列表分配给数据源:
this.dataGrieViewWebPages.DataSource = this.FetchWebPages().ToList();
这只是显示。如果操作员可以更改显示的值,并且您想访问更改的值,则应将项目放在实现接口IBindingList的对象中,例如,使用 class (surprise!) BindingList<T>
:
private BindingList<MyWebPage> DisplayedWebPages
{
get => (BindingList<MyWebPage>)this.dataGrieViewWebPages.DataSource;
set => this.dataGrieViewWebPages.DataSource = value;
}
初始化:
private void DisplayWebPages()
{
this.DisplayedWebPages = new BindingList<MyWebPage>(this.FetchWebPages.ToList());
}
快!显示所有网页。操作员所做的每一项更改:添加/删除/编辑行都会在 DisplayedWebPages 中自动更新。
如果要访问当前选择的网页:
private MyWebPage CurrentWebPage =>(MyWebPage)this.dataGrieViewWebPages.CurrentRow?.DataBoundItem;
private IEnumerable<MyWebPage> SelectedWebPages =>
this.dataGrieViewWebPages.SelectedRows
.Cast<DataGridViewRow>()
.Select(row => row.DataBoundItem)
.Cast<MyWebPage>();
现在显然每当操作员单击一个单元格时,您都希望对显示在单元格行中的网页的 Id 执行某些操作。
- 查看:显示的单元格和行
- ViewModel:当操作员单击单元格时做出反应
- 必须做的示范动作
对单元格点击做出反应:获取 ID
我们已经处理了上面的视图。ViewModel 是事件处理程序:
void OnDatGridViewCellClicked(object sender, DataGridViewCellEventArgs e)
{
// use the eventArgs to fetch the row, and thus the WebPage:
MyWebPage webPage = (MyWebPage)this.dataGridViewWebPages.Rows[e.RowIndow].DataBoundItem;
this.ProcessWebPage(webPage);
}
ProcessWebPage 通常是 Model 类中的一个方法:
public void ProcessWebPage(MyWebPage webPage)
{
// Do what you need to do if the operator clicks the cell, for example:
int webPageId = webPage.Id;
...
}
结论:从视图中分离模型的优点
顺便说一句,您是否看到所有 ViewModel 方法都是单行的?只有您的模型方法FetchWebPages
和 ProcessWebPage 包含几行。
因为您将视图与模型分开,所以对模型或视图的更改将相当简单:
- 如果您想以 Json 格式或数据库而不是 XML 存储数据,您的视图不会改变
- 如果您不想对单元格单击做出反应,但在按钮 OK 上单击,那么您的模型将不会改变。如果您决定显示更多或更少的列,您的模型也不必更改
- 因为您将模型与视图分开,所以模型可以在没有表单的情况下进行单元测试。您还可以使用仅填充测试值的模型来测试视图。