📄 defaultcs.aspx
字号:
<%@ Register TagPrefix="telerik" TagName="Footer" Src="~/Common/Footer.ascx" %>
<%@ Register TagPrefix="telerik" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
<%@ Register TagPrefix="telerik" TagName="Header" Src="~/Common/Header.ascx" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.QuickStart" Assembly="Telerik.QuickStart" %>
<%@ Register TagPrefix="radDk" Namespace="Telerik.WebControls" Assembly="RadDock" %>
<%@ Page language="c#" Codebehind="DefaultCS.aspx.cs" AutoEventWireup="false" Inherits="Telerik.DockExamplesCSharp.Dock.Examples.ShoppingCart.DefaultCS" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd">
<html>
<head runat="server">
<telerik:headtag runat="server" id="Headtag1"></telerik:headtag>
<link rel="stylesheet" type="text/css" href="styles.css"></link>
<script language="javascript" src="ShoppingCart.js"></script>
</head>
<body class="BODY"> <script language="javascript">
function dkShow(id)
{
var dko = document.getElementById(id);
if (dko)
{
dko.Show();
}
}
function dkStateChanged(sender, eventArgs)
{
if (eventArgs.docked)
{
addToCart(sender);
}
else
{
removeFromCart(sender);
}
}
var qtyItems = new Array();
qtyItems['<%=RadDockableObject1.ClientID%>'] = 0;
qtyItems['<%=RadDockableObject2.ClientID%>'] = 0;
qtyItems['<%=RadDockableObject3.ClientID%>'] = 0;
function addToCart(item)
{
qtyItems[item.id]++;
item.Collapse();
item.GetCommandByName("AddToCart").Enable(false);
updateItemQty();
}
function removeFromCart(item)
{
qtyItems[item.id]--;
item.GetCommandByName("AddToCart").Enable();
item.Expand();
updateItemQty();
}
function updateItemQty()
{
document.getElementById("txtItem1").value = qtyItems['<%=RadDockableObject1.ClientID%>'];
document.getElementById("txtItem2").value = qtyItems['<%=RadDockableObject2.ClientID%>'];
document.getElementById("txtItem3").value = qtyItems['<%=RadDockableObject3.ClientID%>'];
}
function dkAddToCart(dko)
{
dko.DockTo(document.getElementById('<%=ShoppingCart.ClientID%>'));
}
</script>
<form id="Form1" method="post" runat="server">
<raddk:raddockingmanager id="RadDockingManager1" runat="server" showtooltipwhiledragging="False" skinspath="~/Dock/Examples/ShoppingCart/Skin/"
skin="ShoppingCart"></raddk:raddockingmanager>
<telerik:header runat="server" id="Header1" navigationlanguage="CS"></telerik:header>
<div class="PageSeparator">
<img src="images/ProductSelection.gif" alt="Select a product" usemap="#Map"
style="FLOAT:right;MARGIN-RIGHT:90px;border:0"/>
<raddk:raddockingzone id="ShoppingCart" runat="server" width="437px" height="347px">
<div style="WIDTH: 437px; TEXT-ALIGN: right"><img style="MARGIN-RIGHT: 10px" alt="My Shopping Cart" src="images/myShoppingCart.gif"/>
<br/>
drag a product to add it to your cart.
<table class="shoppingCartTable" cellspacing="0" cellpadding="0">
<tr>
<td>Item</td>
<td>Qty</td>
<td>Price</td>
</tr>
<tr>
<td>item 1</td>
<td><input id="txtItem1" type="text" value="0" disabled="disabled"/></td>
<td>$499</td>
</tr>
<tr>
<td>item 2</td>
<td><input id="txtItem2" type="text" value="0" disabled="disabled"/></td>
<td>$399</td>
</tr>
<tr>
<td>item 3</td>
<td><input id="txtItem3" type="text" value="0" disabled="disabled"/></td>
<td>$299</td>
</tr>
</table>
</div>
</raddk:raddockingzone>
</div>
<telerik:footer runat="server" id="Footer1"></telerik:footer>
<div style="PADDING-LEFT:260px;MARGIN-LEFT:auto;WIDTH:1001px;MARGIN-RIGHT:auto;TEXT-ALIGN:left;box-sizing:border-box;moz-box-sizing:border-box">
<raddk:raddockableobject id="RadDockableObject1" runat="Server" text="Gold Earrings" style="POSITION:absolute;TOP:195px"
behavior="Close" closed="true" onclientdockstatechange="dkStateChanged">
<commands>
<raddk:raddockableobjectcommand name="AddToCart" onclientcommand="dkAddToCart"></raddk:raddockableobjectcommand>
<raddk:raddockableobjectcommand name="Close"></raddk:raddockableobjectcommand>
</commands>
<contenttemplate>
<img src="images/product1.gif" alt="" />
</contenttemplate>
</raddk:raddockableobject>
<raddk:raddockableobject id="RadDockableObject2" runat="Server" text="Diamonds" style="MARGIN-LEFT:60px;POSITION:absolute;TOP:395px"
behavior="Close" closed="true" onclientdockstatechange="dkStateChanged">
<commands>
<raddk:raddockableobjectcommand name="AddToCart" onclientcommand="dkAddToCart"></raddk:raddockableobjectcommand>
<raddk:raddockableobjectcommand name="Close"></raddk:raddockableobjectcommand>
</commands>
<contenttemplate>
<img src="images/product2.gif" alt="" />
</contenttemplate>
</raddk:raddockableobject>
<raddk:raddockableobject id="RadDockableObject3" runat="Server" text="Bracelet" style="MARGIN-LEFT:30px;POSITION:absolute;TOP:595px"
behavior="Close" closed="true" onclientdockstatechange="dkStateChanged">
<commands>
<raddk:raddockableobjectcommand name="AddToCart" onclientcommand="dkAddToCart"></raddk:raddockableobjectcommand>
<raddk:raddockableobjectcommand name="Close"></raddk:raddockableobjectcommand>
</commands>
<contenttemplate>
<img src="images/product3.gif" alt="" />
</contenttemplate>
</raddk:raddockableobject>
</div>
<div><map name="Map" id ="Map">
<area shape="rect" coords="127,69,214,90" alt="" href="javascript:void(0)" onclick="dkShow('<%=RadDockableObject1.ClientID%>')"/>
<area shape="rect" coords="121,106,225,129" alt="" href="javascript:void(0)" onclick="dkShow('<%=RadDockableObject2.ClientID%>')"/>
<area shape="rect" coords="85,136,144,158" alt="" href="javascript:void(0)" onclick="dkShow('<%=RadDockableObject3.ClientID%>')"/>
</map></div>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -