DetailsView控件基础

最新推荐文章于 2021-08-04 21:40:07 发布

ITdrift

最新推荐文章于 2021-08-04 21:40:07 发布

阅读量2k

点赞数

分类专栏： asp.net知识文章标签： asp asp.net server button insert sql

asp.net知识专栏收录该内容

28 篇文章 1 订阅

订阅专栏

DetailsView 控件指定数据源控件，就可以使用单条方式显示记录数据，不仅如此，它同样可以使用分页来显示，如下所示。

<asp:AccessDataSource Id="Products" Runat="server"

DataFile="~/Products.mdb"

SelectCommand="SELECT ProductNo,ProductName, ProductPrice,InStock FROM Products"/>

<asp:DetailsView Id="detail" Runat="server"

DataSourceID="Products"

HeaderText="图书信息"

HeaderStyle-BackColor="#CC99FF"

AllowPaging="True"

PagerSettings-Position="Bottom"

RowStyle-VerticalAlign="Top"/>

上述DetailsView控件指定数据源控件Products，因为AutoGenerateColumns属性默认值为True，所以能够自动产生Field控件的字段，AllowPaging属性为 Ture，表示分页显示。完整ASP.NET程序范例是Ch10-5-1.aspx，其执行结果如图10-13所示。

图10-13 Ch10-5-1.aspx运行结果

10.5.2 DetailsView控件的Field控件

DetailsView 控件也支持 GridView 的 Field 控件，可以自行定义字段类型，如下所示。

<asp:DetailsView Id="detail" Runat="server"

DataSourceID="Products" Width="350px"

AutoGenerateRows="False"

……….

RowStyle-VerticalAlign="Top">

<asp:BoundField ………/>

………

<asp:CheckBoxField …….../>

<asp:ImageField ………/>

</Fields>

</asp:DetailsView>

上述 DatailsView 控件的 AutoGenerateRows 属性为 False，所以需要使用 Field 控件来定义显示字段，这些控件位于在 <Fields>标记。

1. ASP.NET 程序：Ch10-5-2.aspx

在 ASP.NET程序中使用 DetailsView 控件的 Field 控件，以单条方式显示数据表的记录数据，如下所示。

01: <html>

02: <head><title>Ch10-5-2</title></head>

03: <body>

04: <form Runat="server">

05: <asp:AccessDataSource Id="Products" Runat="server"

06: DataFile="~/Products.mdb"

07: SelectCommand="SELECT * FROM Products"/>

08: <asp:DetailsView Id="detail" Runat="server"

09: DataSourceID="Products" Width="350px"

10: AutoGenerateRows="False"

11: HeaderText="图书信息"

12: HeaderStyle-BackColor="#CC99FF"

13: HeaderStyle-HorizontalAlign="Center"

14: AllowPaging="True"

15: PagerSettings-Position="Bottom"

16: RowStyle-VerticalAlign="Top">

17: <Fields>

18: <asp:BoundField HeaderText="书号"

19: DataField="ProductNo" ReadOnly="True"

20: HeaderStyle-BackColor="#E0E0E0"

21: HeaderStyle-Font-Bold="True"/>

22: <asp:BoundField HeaderText="书名"

23: DataField="ProductName" NullDisplayText="没有书名"

24: HeaderStyle-BackColor="#E0E0E0"

25: HeaderStyle-Font-Bold="True"/>

26: <asp:BoundField HeaderText="书价" HtmlEncode="False"

27: DataField="ProductPrice" DataFormatString="{0:C}"

28: HeaderStyle-BackColor="#E0E0E0"

29: HeaderStyle-Font-Bold="True"/>

30: <asp:CheckBoxField HeaderText="库存" DataField="InStock"

31: HeaderStyle-BackColor="#E0E0E0"

32: HeaderStyle-Font-Bold="True"/>

33: <asp:ImageField HeaderText="封面"

34: DataImageUrlField="ProductNo"

35: DataImageUrlFormatString="~/{0}.jpg"

36: HeaderStyle-BackColor="#E0E0E0"

37: HeaderStyle-Font-Bold="True"/>

38: </Fields>

39: </asp:DetailsView>

40: </form>

41: </body>

42: </html>

2. 程序说明

第8~39行是DetailsView控件，AutoGenerateColumns属性值False，表示需要使用Field控件定义字段，这是位于在第17~38行的<Fields>标记，包含ButtonField、CheckBoxField 和 ImageField 控件。

3. 网页预览

将Ch10文件夹建立为虚拟目录后，启动浏览程序执行 ASP.NET 程序，可以看到 DetailsView 控件显示的单条记录数据，如图10-14所示。

图10-14 Ch10-5-2.aspx运行结果

10.5.3 DetailsView控件的编辑功能

DetailsView 控件提供数据表记录的编辑功能，不仅可以更新和删除记录，还可以在数据表中插入新记录。

1. DetailsView控件的基本编辑功能

DetailsView 控件的编辑功能可以自动建立，只需在数据源控件中建立所需的 SQL 命令，如下所示。

<asp:AccessDataSource Id="Products" Runat="server"

DataFile="~/Products.mdb"

SelectCommand="SELECT ProductNo,ProductName,

ProductPrice,InStock FROM Products"

UpdateCommand="UPDATE Products SET

ProductName=@ProductName,

ProductPrice=@ProductPrice,

InStock=@InStock

WHERE ProductNo=@ProductNo"

DeleteCommand="DELETE From Products

WHERE ProductNo=@ProductNo"

InsertCommand="INSERT INTO Products(ProductNo, ProductName,ProductPrice,Instock)

VALUES(@ProductNo,@ProductName, @ProductPrice,@Instock)"/>

上述 UpdateCommand、DeleteCommand 和 InsertCommand 属性分别指定更新、删除和插入记录的 SQL 命令，@ 开头是对应字段名称的参数。

现在只需在 DetailsView 控件中打开编辑功能，就可以使用上述 SQL 命令来编辑数据表的记录数据，如下所示。

<asp:DetailsView Id="detail" Runat="server"

DataSourceID="Products" Width="300pt"

………

AutoGenerateEditButton="True"

AutoGenerateDeleteButton="True"

AutoGenerateInsertButton="True"

DataKeyNames="ProductNo"/>

上述 AutoGenerate…Button 属性依次创建编辑、删除和新建的超级链接，最后的 DataKeyNames 属性指定主键为 ProductNo。完整 ASP.NET 程序范例是 Ch10-5-3Auto.aspx，可以在表格中添加编辑行，如图10-15所示。

图10-15 Ch10-5-3Auto.aspx运行结果

2. CommandField控件

CommandField 控件可以在 DetailsView 控件建立所需样式的编辑行，只需将 AutoGenerate…Button 属性设为 False，就可以在 <Fields> 标记的字段区创建 CommandField 控件，如下所示。

<asp:CommandField

ButtonType="Button"

HeaderText="编辑"

HeaderStyle-BackColor="#E0E0E0"

HeaderStyle-Font-Bold="True"

ItemStyle-BackColor="#E0E0E0"

ShowHeader="True"

ShowInsertButton="True"

ShowEditButton="True"

ShowDeleteButton="True"/>

上述标记指定编辑行字段名称、样式和是否显示各编辑按钮。完整 ASP.NET 程序范例是 Ch10-5-3Command.aspx，可以在表格中创建自订样式的编辑行，如图10-16所示。

图10-16 Ch10-5-3Command.aspx运行结果

3. TemplateFiled控件

DetailsView 控件同样可以使用 TemplateField 控件来自订所需的数据输入字段，其使用方式和 GridView 控件相似，唯一差异是多了一个 Insert 按钮，如下所示。

<asp:TemplateField HeaderText="编辑">

<asp:Button Text="创建" CommandName="New"

Runat="server"/>

………

</ItemTemplate>

<asp:Button Text="插入" CommandName="Insert"

Runat="server"/>

<asp:Button Text="取消" CommandName="Cancel"

Runat="server"/>

</InsertItemTemplate>

</asp:TemplateField>

在上述 <ItemTemplate> 标记创建 CommandName 属性为 New 的 Button 控件，然后创建 <InsertItemTemplate> 标记的 Insert 和 Cancel 按钮。完整 ASP.NET 程序范例是 Ch10-5-3.aspx，其执行结果如图10-17所示。

图10-17 Ch10-5-3.aspx运行结果

4. 编辑事件与事件处理

DetailsView 控件的编辑事件与事件处理参数对象如表10-22所示。

表10-22 DetailsView 控件的编辑事件与事件处理参数对象

事件	程序参数对象	说明
ItemInserting	DetailsViewInsertEventArgs	插入但未写入数据源
ItemInserted	DetailsViewInsertedEventArgs	插入且写入数据源
ItemUpdating	DetailsViewUpdateEventArgs	更新但未写入数据源
ItemUpdated	DetailsViewUpdatedEventArgs	更新且写入数据源
ItemDeleting	DetailsViewDeleteEventArgs	删除但未写入数据源
ItemDeleted	DetailsViewDeletedEventArgs	删除且写入数据源