用网格控件读取和编辑数据

　　Web窗体数据的数据绑定虽然好用，但不能对数据库进行更改，因此如果要将数据写入数据库中就只有通过别的方法来实现，例如，我们用一个网格控件（DataGrid）来实现这一任务。

　　在这个例子中，我们想实现图2.25所示的功能，通过一个网格控件来显示数据，允许用户对它上面的数据进行编辑，且还能将编辑后的数据发送回数据库。本工作示例的实现可分为以下几个过程：

　　·创建Web窗体页。

　　·添加必要的数据组件。

　　·添加显示数据的DataGrid控件。

　　·添加从数据库读取数据并将网格绑定到数据的代码。

　　·配置DataGrid控件以允许用户编辑数据。

　　·添加更新数据的代码。

　　1创建项目和窗体

　　首先让我们来创建Web应用程序和Web窗体页。

　　2创建和配置数据集

　　下面我们用数据集来访问数据，包含以下两个过程：

　　·使用向导创建数据适配器。该适配器包含用于读取和写入数据库信息的SQL语句。该向导帮助我们定义所需的SQL语句。如有必要，该向导还可创建与数据库的连接。

　　·生成数据集架构。我们将让VisualStudio基于正在访问的表和列创建一个新的数据集类。在生成数据集类时，将向窗体中添加该类的一个实例。配置数据连接和数据适配器根据以上方案，我们将首先创建一个数据适配器，该数据适配器包含以后用于填充数据集的SQL语句。作为此过程的一部分，定义连接以访问数据库。我们使用向导配置数据适配器，该向导使创建数据访问所需的SQL语句变得容易。

　　1.单击WebForm1.aspx，然后将OleDbDataAdapter对象从“工具箱”的“数据”选项卡拖到页上。此时，启动“数据适配器配置向导”。

　　2.在该向导中，执行下列操作：

　　·在第二个窗格中，创建或选择一个指向SQLServerNorthwind数据库的连接。

　　·在第三个窗格中，指定要使用SQL语句访问数据库。

　　·在第四个窗格中创建以下SQL语句：

　　SELECT　CategoryID,CategoryName,Description　FROM　Categories

　　·单击“完成”按钮。

　　此时，向导创建了一个连接，它包含有关如何访问数据库的信息。我们还将具有一个包含查询的数据适配器，该查询定义所要访问数据库中的表和列。创建数据集在建立连接到数据库的方法并通过SQL命令指定所需的信息后，接下来生成数据集。

　　1.执行“数据”|“生成数据集”命令，出现“生成数据集”对话框。

　　2.选择“新建”选项，将该数据集命名为dsCategories。在“选择要添加到数据集中的表”的列表中，确保选择了Categories表。

　　3.确保选中“将此数据集添加到设计器”选项，然后单击“确定”按钮。此时，可在“解决方案资源管理器”中看到数据集文件(dsCategories.xsd)。

　　3添加显示数据的DataGrid控件

　　创建数据集之后，就可以添加DataGrid控件了，并可将它绑定到数据集以显示数据。

　　1.单击当前窗口顶部的选项卡切换到Web窗体设计器。

　　2.从“工具箱”的“Web窗体”选项卡中，将一个DataGrid控件拖到窗体上。

　　3.选择该控件，按F4键显示“属性”窗口，在窗口的底部，单击“属性生成器”，出现“DataGrid1属性”对话框。

　　4.在“常规”选项卡中，完成如下表所示的属性设置：

　　属性设置说明

　　DataSourcedsCategories1将网格绑定到数据集

　　DataMemberCategories指定网格应该显示的数据

　　DatakeyfieldCategoryID指定类别记录的主键是CategoryID列，确定更新数据集中的哪个记录

　　5.单击“确定”按钮关闭“DataGrid1属性”对话框。

　　6.如果要更改网格的外观，可设置“Font”（字体）、“BackColor”（背景色）及其他属性。

　　4填充数据集并在DataGrid控件中显示数据

　　为了在DataGrid控件中显示数据，我们还需要实现以下过程：

　　①调用数据适配器方法来填充数据集；

　　②将网格显式绑定到它的数据源。

　　1.双击当前页，在代码编辑器中显示该页的类文件。

　　2.在Page_Load事件处理程序中，调用数据适配器的Fill方法并向其传递要填充的数据集，如下所示：

　　//C#

　　sqlDataAdapter1.Fill(dsCategories1);

　　3.调用DataGrid控件的DataBind方法，将该控件绑定到数据集。但是，我们不想在页每次往返时都重新绑定控件，因为如果这样做，将丢失用户已在网格中进行的更改。因此，在以下这些情况中绑定网格：

　　·第一次调用页时。

　　·数据集更改时。

　　现在，我们要在第一次调用页时绑定网格，这可以通过测试页的IsPostBack属性完成。在调用了适配器的Fill方法之后将代码添加到Page_Load事件处理程序中。如下所示：

　　//C#

　　privatevoidPage_Load(objectsender,System.EventArgse)

　　{

　　　//Putusercodetoinitializethepagehere

　　　sqlDataAdapter1.Fill(dsCategories1);

　　　if(!IsPostBack)

　　　{

　　　　DataGrid1.DataBind();

　　　}

　　}

　　5添加编辑数据的功能

　　现在，DataGrid控件将显示Categories表中的数据，但是我们还不能编辑这些数据并加以保存，为此，我们将向网格的每一行添加一个“编辑”按钮。用户单击该按钮时，网格以编辑模式重新显示，用户可以在文本框中逐个编辑。当行处于编辑模式时，“编辑”按钮由另外两个按钮（一个“更新”按钮和一个“取消”按钮）代替。现在我们要实现以下过程：

　　·“编辑”按钮使当前行进入编辑状态；

　　·“取消”按钮使已完成的编辑作废，并返回到显示模式；

　　·“更新”按钮能够用当前的内容更新数据库。第2章用C#开发Web程序65

　　向DataGrid控件添加编辑功能

　　1.在Web窗体设计器的“设计”视图中，选择DataGrid控件，按F4键显示“属性”窗口，然后单击该窗口底部的“属性生成器”，显示“DataGrid1属性”对话框。

　　2.单击“列”选项卡。

　　3.在“列列表”下面，在“可用列”列表中打开“按钮列”节点。

　　4.选择“编辑、更新、取消”并单击“添加”按钮，将这些按钮添加到“选定的列”框中。

　　5.单击“确定”按钮。

　　DataGrid控件重新显示，同时在左侧的列中显示“编辑”链接按钮(LinkButton)。（最初，我们看不到“更新”和“取消”按钮。）既已具有了“编辑”按钮，我们还需要创建事件处理程序来设置行的编辑模式。若要

控制编辑模式，请将DataGrid控件的EditItemIndex属性设置为要编辑行的索引（从零开始的）。例如，若要将第三行设置为编辑模式，请将该属性设置为2。若要某行返回到显示模式，请将该属性设置为–1。在更改了编辑模式后，必须重新绑定网格使其显示该行中的数据。

　　我们可以通过传递到处理程序的事件对象确定用户当前所在的行。这些事件的事件对象包含一个Item属性，该属性表示正在被更新的整个DataGrid行。Item对象又支持多个属性，其中包含Item.ItemIndex属性，该属性返回正在操作的行的索引值。

　　设置编辑模式

　　1.在“设计”视图中，选择网格并按F4键打开“属性”窗口。

　　2.单击“属性”窗口顶部的“事件”按钮。

　　3.双击“属性”窗口中的“EditCommand”。创建一个DataGrid1_EditCommand处理程序。

　　4.为CancelCommand事件重复步骤2和步骤3。创建一个DataGrid1_CancelCommand处理程序。

　　5.在EditCommand事件处理程序中添加下面的代码：

　　//C#

　　DataGrid1.EditItemIndex=e.Item.ItemIndex;

　　DataGrid1.DataBind();

　　6.在CancelCommand事件处理程序中添加下面的代码：

　　//C#

　　DataGrid1.EditItemIndex=-1;

　　DataGrid1.DataBind();

　　6测试现有的功能

　　1．在“解决方案资源管理器”中，右击Web窗体页并选择“在浏览器中查看”命令，此时网格中充满数据。

　　2．单击网格中任何行的“编辑”链接，重新显示该行，并带有以下更改：

　　·“编辑”替换为“更新”和“取消”链接。

　　·数据重新显示在TextBox控件中。

　　3．单击“取消”按钮，该行重新显示在其原始窗体中。

　　7更新数据集和数据库

　　因为要将用户在网格中的修改写入数据库，所以分两个过程来实现：首先通过网格中所作的更改来更新数据集，然后将数据集中的更改写回数据库。

　　1.在“设计”视图中，选择网格并按F4键打开“属性”窗口。

　　2.单击“属性”窗口顶部的“事件”按钮。

　　3.双击网格中的“UpdateCommand””。

　　现在我们创建了DataGrid1_UpdateCommand事件处理程序，接下来需要编写代码，使它能够将数据集中的更改写回数据库。

　　从DataGrid控件进行更新

　　从DataGrid控件进行更新包含以下几个过程：

　　·确定DataGrid控件中哪一行（根据索引）已被更新。然后，从该网格行获取数据键，以便确定正在更新的行（根据ID）。

　　·从用户更新的网格行获取更改的值。

　　·使用数据键值在数据集表中查找对应的行，然后将更改写入该行。此时，我们已更新了数据集，但未更新数据库本身。

　　·将更改从数据集发送到数据库。执行将更改数据从数据集复制到数据库的SQL命令或存储过程。

　　·刷新DataGrid控件的内容。

　　下面介绍这些过程中的详细步骤。

　　1.通过获取传入事件对象的行（Item对象）的ItemIndex属性来确定哪个DataGrid行已被更新。然后使用该索引值从网格的DataKeys集合中获取对应的值。如下所示：

　　//C#

　　stringkey=DataGrid1.DataKeys[e.Item.ItemIndex].ToString();

　　2.从DataGrid行中获取更改的值，可通过以下操作来实现：

　　·从传入事件对象的项的Cells集合中获取适当的单元格（从零开始的）。例如，网格中最左边一列为Cells(0)。

　　·对于每个单元格，获取其Controls集合，它包含显示在该单元格中的所有元素。

　　·从该集合中获取且仅获取第一个控件，在本例中为TextBox控件。若要获取TextBox，声明一个类型TextBox的局部变量，并将Controls集合中的对象分配给它。

　　·获取TextBox控件的值（其Text属性）。以下面代码显示如何执行这些步骤。

　　//C#

　　stringcategoryName;

　　stringcategoryDescription;

　　TextBoxtb;

　　tb=(TextBox)e.Item.Cells[2].Controls[0];

　　categoryName=tb.Text;

　　tb=(TextBox)e.Item.Cells[3].Controls[0];

　　categoryDescription=tb.Text

　　3.在数据表中查找对应的行。类型化的dsCategories数据集包含一个特殊的FindBy方法（在本例中为FindByCategoryID方法），该方法通过行的主键定位行，并返回一个对行的引用。创建类型化数据行的变量并调用该方法如下所示：

　　//C#

　　dsCategories.CategoriesRowr;

　　r=dsCategories1.Categories.FindByCategoryID(int.Parse(key));

　　4.通过更改在步骤3所在行中的值更新该行，如下所示：68VisualC#.NET2003开发与技巧

　　//C#

　　r.CategoryName=categoryName;

　　r.Description=categoryDescription;

　　5.通过调用数据适配器的Update方法将更改从数据集发送到数据库，如下所示：

　　//C#

　　sqlDataAdapter1.Update(dsCategories1);

　　DataGrid1.DataBind();

　　6.将网格中的当前行切换出编辑模式。如下所示：

　　//C#

　　DataGrid1.EditItemIndex=-1;

　　7.数据绑定DataGrid控件，如下所示：

　　//C#

　　DataGrid1.DataBind();

　　下面的代码显示UpdateCommand事件处理程序。复制该代码并将其粘贴到Web窗体页的类文件。

　　注意：一定要改写先前创建的主干事件处理程序，否则将有两个方法具有相同的名称和签名。

　　//C#

　　privatevoidDataGrid1_UpdateCommand(objectsource,

　　System.Web.UI.WebControls.DataGridCommandEventArgse)

　　{

　　　stringcategoryName,categoryDescription;

　　　//Getsthevalueofthekeyfieldoftherowbeingupdated

　　　stringkey=DataGrid1.DataKeys[e.Item.ItemIndex].ToString();

　　　//Getsgetthevalueofthecontrols(textboxes)thattheuser

　　　//updated.TheDataGridcolumnsareexposedastheCellscollection.

　　　//Eachcellhasacollectionofcontrols.Inthiscase,thereisonly

　　　//onecontrolineachcell--aTextBoxcontrol.Togetitsvalue,

　　　//youcopytheTextBoxtoalocalinstance(whichrequirescasting)

　　　//andextractitsTextproperty.

　　　//

　　　//Thefirstcolumn--Cells(0)--containstheUpdateandCancelbuttons.TextBoxtb;

　　　//GetsthevaluetheTextBoxcontrolinthethirdcolumn

　　　tb=(TextBox)(e.Item.Cells[2].Controls[0]);

　　　categoryName=tb.Text;

　　　//GetsthevaluetheTextBoxcontrolinthefourthcolumn

　　　tb=(TextBox)(e.Item.Cells[3].Controls[0]);

　　　categoryDescription=tb.Text;

　　　//Findstherowinthedatasettablethatmatchesthe

　　　//onetheuserupdatedinthegrid.Thisexampleusesa

　　　//specialFindmethoddefinedforthetypeddataset,which

　　　//returnsareferencetotherow.

　　　dsCategories.CategoriesRowr;

　　　r=dsCategories1.Categories.FindByCategoryID(int.Parse(key));

　　　//Updatesthedatasettable.

　　　r.CategoryName=categoryName;

　　　r.Description=categoryDescription;

　　　//CallsaSQLstatementtoupdatethedatabasefromthedataset

　　　sqlDataAdapter1.Update(dsCategories1);

　　　//TakestheDataGridrowoutofeditingmode

　　　DataGrid1.EditItemIndex=-1;

　　　//Refreshesthegrid

　　　DataGrid1.DataBind();

　　}

　　8对页进行测试

　　1.在“解决方案资源管理器”中，右击Web窗体页并选择“在浏览器中查看”命令。当前项目将被编译，Web窗体页将显示在设计器的浏览器窗格中。

　　2.单击网格中任何一行的“编辑”链接，然后使用文本框编辑该行。

　　3.单击“更新”按钮。网格重新显示，并显示已作的更改；也可看看数据库中是否已作更改。