ASP.NET中数据绑定控件的使用

摘要：本文对中数据绑定控件的使用进行了研究，通过设计班级通讯录这样一个实例，不仅让学生充分体会到了数据绑定控件具体的操作和使用方法，更重要的是让学生学会了如何根据参数值对数据库进行查询，并对主从控件、模板列的设计有了一定的了解。

关键词：模板列；主从控件；数据绑定；数据源

中图分类号：TP311.11 文献标识码：A 文章编号：1007-9599　（2012）　19-0000-02

1 引言

程序要访问数据库，最简单的方法是使用数据绑定控件。该控件的使用，不但可简化数据库中的数据在页面上的显示和编辑，同时也简化了对数据库的访问。本次研究，通过设计班级通讯录这样一个实例，不只是要让学生充分体会到GridView和DetailsView两控件具体的操作和使用方法，更重要的是让学生学习如何根据参数值对数据库进行查询，并对主从控件、模板列的设计有一定的了解。

2 正文

为了以最快的速度向学生说明数据绑定控件的使用，本次我们只设计一个网页，网页如图1所示。输入要查询的姓名后，单击“查询”按钮，下方的GridView控件中显示其姓名和电话，若想查看该生更具体的信息，可单击“显示详细信息”按钮，GridView控件右方的DetailsView控件中会显示该生更为详细的信息，如姓名，性别，电话，Email，家庭住址，QQ等。当然，该页面还可对通讯录进行“添加”、“删除”、“修改”操作。例如，有同学更改了家庭住址或联系电话，单击DetailsView控件下方的“编辑”按钮，可修改该生的个人信息。

具体的设计过程如下：

第一步，使用SQL　SERVER创建一数据库，内建一班级通讯录表，表结构如图2所示，录入的部分数据如图3所示。

第二步，启动VS，建立网站并设置存储路径后，向自动添加的default.aspx网页中添加相应的控件。当向文本框中输入姓名（如“简耿程”）并单击“查询”按钮，为了在下方显示该同学的姓名和电话，要添加一个GridView控件，并为该控件设置数据来源。数据来源可使用数据源控件来设置。数据源控件中虽只需包含姓名、电话二列，但必须配置where子句，使用文本框中输入的值作为查询的条件。设置的方法如图4所示。

第三步，若前二步的设置正确，则运行网页后可查看到查询对象的姓名和电话。接下来我们要做的，就是给GridView　控件再增加一CommandField列，列中显示文字为“显示详细信息”。该列的功能是：当单击列中“显示详细信息”时，在右边的DetailsView控件中能显示该生的详细信息。为了实现此功能，应设置GridView　控件“启用选定内容”，此操作会为控件增加一CommandField列。修改该列，设置其SelectText为“显示详细信息”，如图5所示。

第四步，在GridView控件右方添加DetailsView控件，并设置其数据源为班级通讯录表中的所有列。为了让DetailsView控件中显示的数据与GridView控件中的数据对应，在此我们应设置主从关系。Grid　view控件为主控件，DetailsView控件为从控件。班级通讯录表中id列为主键，　DetailsView控件与GridView控件中的数据要想一致，就必须两控件对应的id相等。所以给DetailsView控件设置数据源时，应设置where子句，如图6所示，DetailsView控件中id应等于GridView控件中选中的值，即GridView1.SelectedValue。为了GridView1中SelectedValue值为选中项的id，我们要将GridView控件的DataKeyNames属性设置为表的主键id。

第五步，给DetailsView控件添加模板列，在模板列中添加“添加”、“删除”、“修改”按钮，使该页面还可对通讯录进行“添加”、“删除”、“修改”操作。具体操作如下：（1）右击DetailsView控件，在弹出的快捷菜单中选择“显示智能标记”，在选择后出现的窗口中给“启用插入”、“启用编辑”、“启用删除”打勾。这时DetailsView控件下方会多增加一行，但出现的是文字而非按钮。（2）接下来我们要将其改为模板列。再次右击DetailsView控件，在弹出的快捷菜单中选择“显示智能标记”，在选择后出现的窗口中选择“编辑字段”，将插入的CommandField列转化为模板列，如图7所示。选中CommandField列，单击右下方的“将此字段转换为TemplateField”。（3）再次右击DetailsView控件，在弹出的快捷菜单中选择“编辑模板”，选择正确的模板名字进入模板中修改。模板中有三个选项“ItemTemplate”、“EditItemTemplate”、“InsertItemTemplate”，将其中的文字删除，全部用按钮来替换。最后，设置按钮的属性。“编辑”按钮的CommandName属性应设置为Edit，“新建”按钮的CommandName属性应设置为New，“删除”按钮的CommandName属性应设置为Delete，“更新”按钮的CommandName属性应设置为Update，“取消”按钮的CommandName属性应设置为Cancel，“插入”按钮的CommandName属性应设置为Insert。（4）对着“模板”右击，选择“结束模板编辑”。

3 结束语

本次课程教学，设计了班级通讯录这样一个实例，让学生学会了在中如何利用绑定控件来完成数据的各种编辑。数据绑定控件本身不难，难点在于模板列的设置、主从控件的参数传递。通过本次的教学，学生都能掌握如何使用数据绑定控件对数据库进行访问，并能熟练运用它们解决一般的实际问题。

[作者简介]

蔡柳萍，讲师，研究方向：数据库。