快速业务通道

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

作者 佚名技术 来源 NET编程 浏览 发布时间 2012-05-21
pliersDataSource" DataTextField="CompanyName"
DataValueField="SupplierID" runat="server" />
</td>
</tr>
<tr>
<td class="ProductPropertyLabel">Discontinued:</td>
<td class="ProductPropertyValue">
<asp:CheckBox runat="server" id="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="UpdateButton" CommandName="Update"
Text="Update" />
&nbsp;&nbsp;&nbsp;
<asp:Button runat="Server" ID="CancelButton" CommandName="Cancel"
Text="Cancel" CausesValidation="False" />
</td>
</tr>
</table>
<br />
<asp:ObjectDataSource ID="CategoriesDataSource" runat="server"
OldValuesParameterFormatString="original_{0}" SelectMethod="GetCategories"
TypeName="CategoriesBLL">
</asp:ObjectDataSource>
<asp:ObjectDataSource ID="SuppliersDataSource" runat="server"
OldValuesParameterFormatString="original_{0}" SelectMethod="GetSuppliers"
TypeName="SuppliersBLL">
</asp:ObjectDataSource>
</EditItemTemplate>

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

图 : 编辑界面和只读界面的展示差不多

第三步:创建 EditCommand和CancelCommand Event Handlers

现在在EditItemTemplate 里除了UnitPriceLabel外还没有绑定语法(从ItemTemplate复制过来的代码)。 在添加绑定语法前我们首先为DataList的EditCommand和CancelCommand创建事件 处理。EditCommand事件处理的目标是为了将Edit button被点击的item展示为编 辑状态,而CancelCommand的目标是将DataList返回到编辑前状态。

见下 面的代码:

C#

protected void Products_EditCommand (object source, DataListCommandEventArgs e)
{
// Set the DataList''s EditItemIndex property and rebind the data
Products.EditItemIndex = e.Item.ItemIndex;
Products.DataBind ();
}
protected void Products_CancelCommand(object source, DataListCommandEventArgs e)
{
// Return to DataList to its pre-editing state
Products.EditItemIndex = -1;
Products.DataBind();
}

完成这些后,点击Edit button 会进入编辑界面,点击Cancel button会返回只读模式。见图8。由于现在还没有 为编辑界面添加绑定语法,TextBox是空白的,CheckBox 未被选中,两个 DropDownList里都是第一个item被选中。

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

图 : 点击Edit Button显示编辑界面

第四步: 为编辑界面增加 绑定语法

为了让编辑界面显示当前product的值,我们需要使用绑定语法 将字段的值赋给web控件。绑定语法可以通过选择web控件的智能标签的 “Edit DataBindings”或者直接添加声明语法来实现。

将 ProductName字段的值赋给ProductName TextBox的Text属性,CategoryID和 SupplierID字段赋给Categories和Suppliers DropDownList的SelectedValue属性 ,

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站: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号