42-为删除数据添加客户端确认.docx

 PAGE \* MERGEFORMAT 9 如我们在综叙：在DataList里编辑和删除数据?? 里看到的，为DataList添加删除功能可以通过以下完成： 在ItemTemplate里添加Button, LinkButton, 或ImageButton? 将Delete button的 CommandName 设为“Delete” 在DeleteCommand事件处理里调用合适的BLL delete 方法 (然后重新绑定数据，来让刚删除的项不再在DataList里显示). 对用户而言，上面的过程是点一个项的删除按钮，引起postback，然后删除选顶的项并从DataList里移除它。当用户点删除按钮时，还缺少确认的步骤。如果一个用户想点编辑按钮，而不小心点到了删除，那么他原本想更新的记录会被删除掉。为了防止这样的情况发生，我们可以在删除按钮被点时添加一个客户端的确认。JavaScrip confirm(string) function将输入参数string作为文本显示在一个包含两个按钮- OK 和Cancel - 的对话框里，见图1。confirm(string) function根据被点的button返回一个Boolean 类型的值（如果点OK则返回true，点Cancel则返回false）。 图 1: 客户端对话框 在提交form的过程中，如果客户端事件处理返回一个false，浏览器将取消提交。使用这个特性，我们可以让删除按钮的客户端onclick事件处理返回调用 confirm(Are you certain that you want to delete this product?)的值。如果用户点取消，confirm(string)会返回false，这样提交就会被取消。没有引起postback，因此被点删除按钮的product也不会被删除。如果用户点了OK按钮，postback会继续记性，product会被删除。更多的信息参考Using JavaScript’s confirm() Method to Control Form Submission 本章我们将学习如果为DataList的删除按钮加上这样的客户端确认。 注意：使用客户端确认，比如本章讨论的，需要假设你的用户使用支持js的浏览器并且开启了js支持。如果没有的话，点删除按钮会马上引起postback（不显示确认对话框）并删除记录。 第一步: 创建一个包含删除按钮的 DataList 在学习如何添加客户端确认前，我们需要一个记录可以被删除的DataList。先打开EditDeleteDataList文件夹下的ConfirmationOnDelete.aspx页，拖一个DataList进来，将ID设为Products。然后从智能标签里创建一个名为ProductsDataSource的ObjectDataSource。用ProductsBLL类的GetProducts()配置它。见图2。由于我们将在DeleteCommand事件处理里直接调用BLL来执行删除，因此在INSERT, UPDATE, 和 DELETE 标签里都选择(None)，见图3。 图 2: 配置 ProductsDataSource 图 3: 在INSERT, UPDATE, 和 DELETE 标签里选择“(None)” 完成了这些配置后，Visual Studio 会为DataList生成默认的ItemTemplate— 每个数据字段以Label来显示值。修改ItemTemplate让它只显示product的name，category和supplier。然后添加一个删除按钮，并将CommandName属性设为“Delete”。完成这些修改后，DataList和ObjectDataSource的声明代码看起来应该如下： ASP.NET ??????????? asp:DataList ID=Products runat=server DataKeyField=ProductID??????????? DataSourceID=ProductsDataSource??????????? ItemTemplate??????????? h3??????????? asp:Label ID=ProductNameLabel runat=server??????????? Text=%# Eval(ProductName) % /??????????? /h3??????????? Category:??????????? asp:Label ID=CategoryNameLabel runat=server??????????? Text=%# E