快速业务通道

ASP.NET 2.0数据教程之四十:自定义DataList编辑界面

作者 佚名技术 来源 NET编程 浏览 发布时间 2012-05-21

返回“ASP.NET 2.0数据教程目录”

导言

DataList的编辑界面由EditItemTemplate里的标记语言和web控件 定义。在目前为止所做的DataList编辑功能的例子里,编辑界面都只包含TextBox 。在前面一章里,我们通过添加验证控件来增加了用户体验,提高了可用性。

EditItemTemplate可以包含除了TextBox以外的很多控件,比如 DropDownLists, RadioButtonLists, Calendars等。和使用TextBox一样,使用这 些控件自定义编辑界面时,步骤如下:

为EditItemTemplate添加控件.

使用绑定语法将相关的字段值赋给控件的属性.

在UpdateCommand 事件处理里, 编程访问web控件的值,并将它传给相关的BLL的方法.

本章 我们将为DataList创建一个更丰富的编辑界面,它将包含DropDownList和 CheckBox。我们将创建一个列出product信息的DataList,用户可以更新它的name ,supplier,category和discontinued status。见图1。

ASP.NET 2.0数据教程之四十:自定义DataList编辑界面

图 1: 编辑界面包含一个TextBox,两个 DropDownLists和一个 CheckBox

第一步: 显示Product 信息

在创建DataList的编辑界面 前,我们需要先创建一个只读界面。先打开EditDeleteDataList文件夹下的 CustomizedUI.aspx页,拖一个DataList进来,将ID设为Products。通过DataList 的智能标签,创建一个名为ProductsDataSource的ObjectDataSource,用 ProductsBLL类的GetProducts方法配置它。象前面一章一样,我们将直接通过BLL 来更新product信息。在UPDATE,INSERT,DELETE标签里选择None.

ASP.NET 2.0数据教程之四十:自定义DataList编辑界面

图 2: 在UPDATE, INSERT, DELETE标签的下拉列表里选择 (None)

配置完ObjectDataSource后,Visual Studio会自动创建默认的 ItemTemplate,列出每个字段的值。将product name用<h4>表示,并添加 一个Edit button,确保将它的CommandName属性设为 “Edit”. 我的 标记语言如下:

ASP.NET

<ItemTemplate>
<h4>
<asp:Label ID="ProductNameLabel" runat="server"
Text=''<%# Eval ("ProductName") %>'' />
</h4>
<table border="0">
<tr>
<td class="ProductPropertyLabel">Category:</td>
<td class="ProductPropertyValue">
<asp:Label ID="CategoryNameLabel" runat="server"
Text=''<%# Eval("CategoryName") %>'' />
</td>
<td class="ProductPropertyLabel">Supplier:</td>
<td class="ProductPropertyValue">
<asp:Label ID="SupplierNameLabel" runat="server"
Text=''<%# Eval("SupplierName") %>'' />
</td>
</tr>
<tr>
<td class="ProductPropertyLabel">Discontinued:</td>
<td class="ProductPropertyValue">
<asp:Label ID="DiscontinuedLabel" runat="server"
Text=''<%# Eval("Discontinued") %>'' />
</td>
<td class="ProductPropertyLabel">Price:</td>
<td class="ProductPropertyValue">
<asp:Label ID="UnitPriceLabel" runat="server"
Text=''<%# Eval("UnitPrice", "{0:C}") % >'' />
</td>
</tr>
<tr>
<td colspan="4">
<asp:Button runat="Server" ID="EditButton"
Text="Edit" CommandName="Edit" />
</td>
</tr>
</tabl

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号