<%@ Page Language="VB" AutoEventWireup="true" CodeFile="CH1_DemoForm031.aspx.vb" Inherits="CH1_DemoForm031" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>在确认按钮中，使用强制弹出框代替确认对话框</title>
<link href="style.css" type="text/css" rel="Stylesheet" />
<style type="text/css">
.modalBackground
{
background-color: gray;
filter: alpha(opacity=65);
opacity: 0.65;
}
</style>
<script type='text/javascript'>
function cancelClick()
{
var label = $get('<%= me.Message.ClientID %>');
label.innerHTML = "您于 " + (new Date()).localeFormat("T") + " 取消了结帐！";
}
</script>
</head>
<body>
<div class="banner">
<a href="http://liminzhang.cnblogs.com/" target="_blank">
<img src="Images/CH1_DemoForm031_Banner.gif" title="前往立民讲堂" border="0" />
</a>
</div>
<form id="form1" runat="server">
<ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" />
<asp:LinqDataSource ID="LinqDataSource1" runat="server"
ContextTypeName="chtNorthwindDataContext" OrderBy="书名"
Select="new (书号, 书名, 价格, 类别, 页数)" TableName="章立民研究室图书">
</asp:LinqDataSource>
<%-- 使用 ListView 显示图书信息 --%>
<asp:ListView ID="ListView1" runat="server" DataKeyNames="书号" DataSourceID="LinqDataSource1"
GroupItemCount="2">
<%--定义主配置--%>
<LayoutTemplate>
<table id="groupPlaceholderContainer" runat="server">
<tr id="groupPlaceholder" runat="server">
</tr>
<tr>
<td colspan="2" style="text-align: center">
<div>
<asp:LinkButton ID="LinkButton1" runat="server" ToolTip="结帐去" OnClick="LinkButton1_Click">
结帐去<img src="Images/ShoppingBag_Done.gif" border="0" />
</asp:LinkButton>
<%-- 确认按钮 --%>
<ajaxToolkit:ConfirmButtonExtender ID="CBE" runat="server"
TargetControlID="LinkButton1" OnClientCancel="cancelClick"
DisplayModalPopupID="ModalPopupExtender1" />
<%-- 强制回应弹出式方块 --%>
<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
TargetControlID="LinkButton1" BackgroundCssClass="modalBackground"
PopupControlID="panCheckOut"
OkControlID="btnOk" CancelControlID="btnCancel" />
<asp:Panel ID="panCheckOut" runat="server" Style="display: none; width: 350px; background-color: White;
border-width: 5px; border-color: Black; border-style: outset; padding: 20px;">
<img src="Images/Information.jpg" style="float: left;" />
谢谢您的选购！<br />您确定要结帐了吗？<br /><br />
<div style="text-align: center;">
<asp:Button ID="btnOk" runat="server" Text="确定结帐" />
<asp:Button ID="btnCancel" runat="server" Text="取消结帐" />
</div>
</asp:Panel>
</div>
<br />
<img src="Images/hr_books.gif" />
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center">
<asp:UpdatePanel ID="UPMessage" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="False">
<ContentTemplate>
<div enableviewstate="false" id="Message" runat="server" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="LinkButton1" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
</td>
</tr>
</table>
</LayoutTemplate>
<EmptyItemTemplate>
<div id="emptyItem" runat="server" />
</EmptyItemTemplate>
<EmptyDataTemplate>
未返回数据。
</EmptyDataTemplate>
<%--定义群组配置--%>
<GroupTemplate>
<tr id="itemPlaceholderContainer" runat="server">
<td id="itemPlaceholder" runat="server">
</td>
</tr>
</GroupTemplate>
<%--定义数据项目配置--%>
<ItemTemplate>
<td>
<table cellpadding="10">
<tr>
<td width="1" bgcolor="BD8672" />
<td valign="top">
<img src='<%#Eval("书号", "DisplayBookImage.ashx?BookID={0}")%>' border="0" />
</td>
<td valign="top">
<strong>书名：</strong><%# Eval("书名") %><br />
<strong>类别：</strong><%# Eval("类别") %><br />
<strong>价格：</strong><asp:Label ID="lblPrice" runat="server" Text='<%# Eval("价格", "{0:0}") %>' /><br />
<strong>页数：</strong><%#Eval("页数", "{0:n0}")%><br />
<br />
<asp:CheckBox ID="AddBag" runat="server" Text="加入购物车" /><img src="Images/ShoppingBag.gif" />
</td>
</tr>
</table>
</td>
</ItemTemplate>
</asp:ListView>
</form>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
