在 VS.Net 2005 中使用工作表设计器将工作表与数据库绑定
在 VS.Net 2005 中使用工作表设计器将工作表与数据库绑定
本文的目的是让所有开发人员了解如何在中创建数据绑定应用程序VS.Net 2005并了解其用途和作用工作表设计器编辑。学习和理解任何事物的最佳方式是通过示例。因此，在本文中，我们最好创建一个示例应用程序来演示工作表设计器在将工作表与数据库绑定时。让我们一步步创建一个应用程序。
第 1 步：创建示例数据库
首先，我们将创建一个将在本文中使用的示例数据库。我们使用 MS Access 创建了一个示例数据库，其中包含产品其架构如下所示的表：
数字：的设计资料产品桌子
很少有虚拟记录被添加到产品表格如下图所示：
数字：记录在产品桌子
第 2 步：设计示例应用程序
一个ASP.NET 网络应用程序在 Visual Studio.NET 2005 中创建和设计，如下图所示。这些屏幕截图对于不太熟悉在 Visual Studio.Net 2005 中使用 Aspose.Cells.GridWeb 的开发人员很有用。
首先启动 VS.Net 2005。
**数字：**启动 VS.Net 2005
从文件|新建|网站…菜单创建一个新网站。
**数字：**创建一个新网站
单击文件|新建|网站…菜单选项后，新网站显示对话框。点击浏览按钮在里面。
**数字：**新网站对话框
点击后浏览按钮，选择本地 IIS 中的位置文件夹。您可以创建一个新文件夹并将其设为虚拟文件夹，如图所示。
**数字：**创建新文件夹
点击后打开中的按钮选择地点对话，新网站对话框看起来像。
**数字：**设置项目位置
现在项目已创建
**数字：**创建项目
XHTML 和 HTML 模式
Aspose.Cells.GridWeb完全支持自 VS.Net 2005 以来默认实现的 XHTML 模式Xhtml模式的财产网格网控制设置为真的默认情况下，当您将控件放置在网页上时。但是如果你想在 VS.Net 2005 中为控件实现 HTML 模式，你可能会很容易做到。你必须修改**<!文档类型>**在网页的源代码中标记一点并设置**Xhtml模式**的财产**网格网**控制到**错误的** .
在本主题中，我们将使用 HTML 模式进行控制。所以按照下面的步骤
1、切换到网页的Source视图，在源代码中找到如下<!DOCTYPE>标签。
XML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
找到该标签后，请在源代码中选择该完整标签，如下所示。
数字：选择<!DOCTYPE> 标签
更换**<!文档类型>**使用以下标记从源代码中标记。
XML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
数字：修改<!DOCTYPE> 标签
2. 将 GridWeb 控件添加到 Web 窗体之后。您应该选择该控件并从“属性”窗口中选择 XhtmlMode 属性以将其设置为 False。
将 GridWeb 添加到 WebForm
右击工具箱并选择**选择项目…**从菜单中。
**数字：**选择项目
现在选择网格网组件并单击好的
数字：选择网格网组件对话框中的组件
现在网格网添加如下图所示。
数字： 网格网添加到工具箱中
放置网格网在 Web 表单上，如下所示。
数字：配售网格网在网页上
第 3 步：使用服务器资源管理器连接数据库并设置连接对象
首先我们将 MS Access 数据库添加到我们之前创建的项目中步骤1 .你可能会看到数据库文件文件被添加到项目中。
**数字：**将数据库添加到项目文件夹
现在，我们去组件设计器使用网页的右键单击菜单选项打开 Web 表单的窗口。
数字：选择查看组件设计器选项
组件设计器窗口如下所示。
**数字：**组件设计器窗口
双击OleDb连接数据面板中的组件将 oleDbConnection1 对象放置到窗口中。
数字： oleDbConnection1 对象
现在，是时候连接数据库了。我们可以通过使用轻松地做到这一点服务器资源管理器在 Visual Studio.NET 2005 中。只需选择数据连接在服务器资源管理器并右键单击。您会看到一个上下文菜单出现在您的面前。选择**添加连接…**菜单中的选项如下图所示：
**数字：选择添加连接…**菜单选项
选择后添加连接…菜单选项，添加连接对话框将打开并且浏览选择数据库文件，如下所示。
**数字：**选择数据库文件
您可以测试连接。
**数字：**测试连接
您可以浏览连接以检查表及其字段。
**数字：**检查连接的表及其字段
现在如果你选择oleDbConnection1中的对象组件设计器窗口，您可以选择与刚刚创建的现有连接相关的连接字符串，它位于oleDbConnection1属性窗口中的对象。
**数字：**选择对象的连接字符串
最后将对象的修饰符更改为受保护以获得更好的可访问性。
**数字：**设置对象的修饰符
第 4 步：配置数据适配器对象
现在，添加一个OleDb数据适配器从工具箱的数据面板中选择组件来配置它。双击OleDb数据适配器在工具箱的数据面板中，它将启动其配置向导并选择现有连接，如图所示：
**数字：**数据适配器配置向导
点击后下一个按钮，单击查询生成器添加产品表，选择所有列并单击好的按钮。
**数字：**添加产品表
**数字：**查询生成器
现在点击结束按钮完成向导。
**数字：**完成向导
配置向导后，oleDbDataAdapter1 会自动添加到窗口中，如下所示。此外，您可以将其修饰符设置为受保护.
**数字：**在设计器窗口中检索 OleDbDataAdapter 对象
第五步：生成数据集
因为我们已经创建了数据库连接和数据适配器对象，但我们仍然需要一些东西，我们可以在连接数据库后存储数据。一种数据集对象可以精确存储数据，我们也可以使用 VS.NET 2005 IDE 轻松生成它。为此，请选择oleDbDataAdaper1并右键单击。将弹出一个上下文菜单，其中包含一些选项。选择产生 **数据集…**菜单中的选项，如下图所示。
数字：选择产生 **数据集…**菜单选项
选择后产生 数据集…菜单中的选项，一个生成数据集对话框将打开。使用此对话框，我们可以选择新的名称数据集要创建的对象以及应添加到哪些表数据集.查看将此数据集添加到设计器选项并单击好的按钮如下图所示。
数字：点击好的生成按钮数据集
现在，你可以看到一个数据集11添加到设计器的对象如下图所示。将对象修改器设置为受保护.
数字： 数据集生成并添加到设计器窗口
在 .cs 文件中自动生成与连接、数据适配器、数据集对象相关的某些代码。
**数字：**生成代码
第 6 步：使用工作表设计器
现在，是时候揭开秘密了。选择控件并单击鼠标右键。将打开一个上下文菜单。从菜单中选择 Worksheets Designer… 选项，如下图所示。
**数字：选择工作表设计器…**菜单选项
在那之后工作表集合编辑器对话框（也称为工作表设计器 将被打开，你可以看到几个可以配置绑定的属性工作表1与数据库中的任何表。让我们选择数据源财产。写数据集11在其中（我们在上一步中生成并添加到设计器窗口）。然后点击数据成员财产。写产品这里作为表名如下图所示：
数字：环境数据源和数据成员特性
现在，您可以配置绑定列财产。点击后，现在可以添加绑定列并设置标题 , 数据字段（它应该与产品表字段）和其他属性。您可以设置自动创建到真的并申请验证并设置数字类型不同的领域为您的要求。
数字：点击绑定列财产
数字： BindColumn 集合编辑器对话
第 7 步：为网页添加一些代码行
我们用过工作表设计器很容易，现在我们只需要添加几行代码
首先我们将添加启动时要初始化的事件相关代码初始化组件初始化和创建连接、命令、数据适配器和数据集对象的方法。这几行代码不是自动生成的代码，所以我们必须手动添加它们。
**数字：**添加一些代码1
**数字：**添加一些代码2
现在我们在页面加载填充事件处理程序数据集11对象与数据库中的数据（使用oleDbDataAdapter1 ) 和绑定网格网控制与数据集11通过调用它的数据绑定方法。
例子：
C#
//Implementing Page_Load event handler
protected void Page_Load(object sender, EventArgs e)
{
//Checking if there is not any PostBack
if (!IsPostBack)
{
try
{
//Filling DataSet with data
oleDbDataAdapter1.Fill(dataSet11);
//Binding GridWeb with DataSet
GridWeb1.DataBind();
}
finally
{
//Finally, closing database connection
oleDbConnection1.Close();
}
}
}
VB.NET
'Implementing Page_Load event handler
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
'Checking if there is not any PostBack
If Not IsPostBack Then
Try
'Filling DataSet with data
oleDbDataAdapter1.Fill(dataSet11)
'Binding GridWeb with DataSet
GridWeb1.DataBind()
Finally
'Finally, closing database connection
oleDbConnection1.Close()
End Try
End If
End Sub
您还可以检查添加到的代码页面加载事件处理程序如下图所示：
数字：代码添加到页面加载事件处理器
到目前为止，我们已经构建了一个非常有用的数据库应用程序。但是，此应用程序只能让您查看表的数据。尽管您可以在网格网控制但何时关闭浏览器窗口并打开数据库。你会发现什么都没有改变。这意味着，您所做的更改不会保存到数据库中。所以，有些事情你必须做。
现在我们将向我们的应用程序添加一些代码，以便网格网可以将其更改保存到实际数据库中。让我们打开特性窗格并选择保存命令事件的网格网从其事件列表中进行控制。如果你双击保存命令事件然后 VS.NET 2005 IDE 将创建GridWeb1_SaveCommand你的事件处理程序。向此事件处理程序添加一些代码，以使用包含在中的修改后的数据更新数据库数据集（与工作表绑定）使用oleDbDataAdapter1.
例子：
C#
//Implementing the event handler for SaveCommand event
protected void GridWeb1_SaveCommand(object sender, EventArgs e)
{
try
{
//Getting the modified data of worksheet as a DataSet
DataSet dataset = (DataSet)GridWeb1.WebWorksheets[0].DataSource;
//Updating database according to modified DataSet
oleDbDataAdapter1.Update(dataset);
}
finally
{
//Closing database connection
oleDbConnection1.Close();
}
}
VB.NET
'Implementing the event handler for SaveCommand event
Protected Sub GridWeb1_SaveCommand(ByVal sender As Object, ByVal e As System.EventArgs)
Handles GridWeb1.SaveCommand
Try
'Getting the modified data of worksheet as a DataSet
Dim dataset As DataSet = CType(GridWeb1.WebWorksheets(0).DataSource, DataSet)
'Updating database according to modified DataSet
oleDbDataAdapter1.Update(dataset)
Finally
'Closing database connection
oleDbConnection1.Close()
End Try
End Sub
您还可以检查添加到的代码GridWeb1_SaveCommand事件处理程序如下图所示：
数字：代码添加到GridWeb1_SaveCommand事件处理器
现在，如果您要使用以下方法将更改保存到数据库救球的按钮网格网，他们一定会得救。
第 8 步：运行您的应用程序
最后，我们可以通过按Ctrl+F5或点击开始按钮。在调试对话框中，您可以指定适当的调试选项并单击好的按钮如下图所示。
**数字：**运行应用
编译后，默认.aspx我们的 Web 应用程序的页面将在一个新的浏览器窗口中打开，我们可以在其中看到从数据库加载的所有数据，如下所示：
数字：数据载入网格网从数据库控制
当数据加载到网格网control 那么你会觉得 Aspose.Cells.GridWeb 为其用户提供了数据的隐式控制。让我们检查一下提供了什么样的数据操作功能网格网给它的用户。
数据验证
Aspose.Cells.GridWeb 根据数据库中定义的数据类型自动为所有绑定列创建适当的验证规则。您可以通过将鼠标指针悬停在单元格上来查看单元格的验证类型，如下图所示：
**数字：**检查单元格的验证类型
在上图中，我们可以看到选中的单元格包含**<整数>**验证类型，这意味着用户只能向其输入整数值，否则会发生验证错误。而且，**<必填>**表明的价值**产品编号**需要用户提交。
删除行
要删除一行，您应该首先选择一行（或该行的任何单元格）并选择删除行右键菜单中的选项如下图所示：
数字：选择删除行菜单选项
选择后删除行从菜单中删除该行网格网.现在点击救球的按钮网格网删除原始数据库表中的该记录。
**数字：**网格数据（删除一行后）
编辑行
您还可以编辑单元格或行中的数据，然后单击救球按钮以保存您的更改。
**数字：**网格数据（编辑记录1）
**数字：**网格数据（编辑记录2）
添加行
要添加一行，请选择添加行右键菜单中的选项如下图所示：
数字：选择添加行菜单选项
选择后，新行将添加到行末尾的工作表中添加行菜单中的选项。在新添加的行的左侧，您会注意到一个星号标记，表示该行是新添加的。
**数字：**新行添加到网格
在新行中输入值后，单击救球按钮确认原始数据库表的更改如下所示
数字：通过单击保存对数据库表的更改救球按钮