快速业务通道

ASP.NET 2.0数据教程之五十七:编辑和删除现有的二进制数据

作者 佚名技术 来源 NET编程 浏览 发布时间 2012-05-21
)以前,对DataKeys集添加值。因此,将当前行的 CategoryID值10,覆盖掉。简言之,ImageField的编辑界面没有对本章教程的编 辑流程产生任何影响,因为ImageField的DataImageUrlField属性和DataKey值都 是同一个值。

当图片存储在数据库时,ImageField将其显示出来也很容易 。不过在编辑界面里我们不需要使用文本框,而提供一个FileUpload控件供最终 用户更改图片时使用。与BrochurePath不同,我们不允许类的图片为空 ——用户要么提供新图片要么使用当前的图片。

为定制 ImageField的编辑界面,我们需要将其转化为一个TemplateField。在GridView控 件的智能标签里点击“编辑列”,进入后选中ImageField,再点击 “Convert this field into a TemplateField”链接。

ASP.NET 2.0数据教程之五十七:编辑和删除现有的二进制数据

图16:将ImageField转换为TemplateField

转换后的 TemplateField由2个模版构成。就像下面的声明代码显示的那样,ItemTemplate 模版包含一个Image Web控件,其ImageUrl属性由一个数据绑定语法指定,该数据 绑定语法基于ImageField的DataImageUrlField和 DataImageUrlFormatString属 性。而EditItemTemplate模版则包含一个TextBox,其Text属性绑定到 DataImageUrlField属性的值。

<asp:TemplateField>
  <EditItemTemplate>
    <asp:TextBox ID="TextBox1" runat="server"
       Text=''<%# Eval("CategoryID") % >''></asp:TextBox>
  </EditItemTemplate>
  <ItemTemplate>
    <asp:Image ID="Image1" runat="server"
       ImageUrl=''<%# Eval("CategoryID",
         "DisplayCategoryPicture.aspx?CategoryID={0}") %>'' />
  </ItemTemplate>
</asp:TemplateField>

我们需要更新EditItemTemplate 模版以包含一个FileUpload控件。从GridView控件的智能标签点“编辑模版 ”,再在下拉列表选择Picture TemplateField的EditItemTemplate模版。 在模版里你会看见一个TextBox,将其删除。从工具箱里拖一个FileUpload控件到 页面,设其ID为PictureUpload。同时在模版里添加如下的文本:“To change the category’s picture, specify a new picture. To keep the category’s picture the same, leave the field empty”。

ASP.NET 2.0数据教程之五十七:编辑和删除现有的二进制数据

图17:在EditItemTemplate模版里添加一个FileUpload控件

完 成定制该编辑界面后,在浏览器里查看。在只读模式里,类的图片和以前没什么 两样,当点击Edit按钮时,picture列将呈现一段文本和一个FileUpload控件。

ASP.NET 2.0数据教程之五十七:编辑和删除现有的二进制数据

图18:编辑界面包含一个FileUpload控件

记得我们设置 ObjectDataSource控件调用CategoriesBLL的UpdateCategory方法,

该方 法的一个输入参数为数组,用于处理图片的数据。如果该数组为null值,则调用 另一个重载的UpdateCategory方法,该重载的UpdateCategory方法的UPDATE SQL 语句不会更改Picture列,因此类的图片不会由任何变化。在GridView控件的 RowUpdating事件处理器里,我们编程访问名为PictureUpload的FileUpload控件 ,判断是否上传了文件。如果没有文件上传,我们将不会为参数picture指定值; 反之,如果上传了文件,我们将确保其为JPG格式的文件,并通过参数picture将 其传给ObjectDataSource控件。

就像第6步里的代码一样,我们此时将要 用到的绝大多数的代码已经存在于DetailsView控件的ItemInserting事件处理器 里了。现在我们创建一个新的方法ValidPictureUpload,并更新ItemInserting事 件处理器以使用该方法。

在GridView控件的RowUpdating事件处理器的开

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