更新时间:2022-08-12 17:25:50
<atlas:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true" /> |
<atlas:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true" /> <div> <atlas:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:Panel ID="Panel1" runat="server" BorderStyle="Solid" Height="198px" Width="194px"> </asp:Panel> </ContentTemplate> </atlas:UpdatePanel> |
<atlas:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:Panel ID="Panel1" runat="server" BorderStyle="Solid" Height="198px" Width="194px"> <script rc="http://www.clocklink.com/embed.js"> </script> <strong>Current Time in New Zealand</strong> <script type="text/javascript" language="JavaScript"> obj = new Object; obj.clockfile = "0010-Red.swf"; obj.TimeZone = "NZT"; obj.width = 200; obj.height = 200; obj.wmode = "transparent"; showClock(obj); </script> </asp:Panel> </ContentTemplate> </atlas:UpdatePanel> |
图1.该屏幕快照显示了Default.aspx页面,其中的时钟每隔一秒更新一次时间。 |
<atlas:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true" /> <atlas:DragOverlayExtender ID="DragOverlayExtender1" runat="server"> <atlas:DragOverlayProperties TargetControlID="Panel1" Enabled="true"/> </atlas:DragOverlayExtender> |
<body style="height: 100%;"> |
<system.web> <profile> <properties> <add name="Panel1Loc" type="System.String" /> </properties> </profile> |
<profileService enabled="true" setProperties="Panel1Loc" getProperties="Panel1Loc" /> |
<atlas:DragOverlayExtender ID="DragOverlayExtender1" runat="server"> <atlas:DragOverlayProperties TargetControlID="Panel1" Enabled="true" ProfileProperty="Panel1Loc" /> </atlas:DragOverlayExtender> |
<atlas:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true" /> <atlas:ProfileScriptService ID="ProfileScriptService1" runat="server" AutoSave="true" /> |
图3.ASPNETDB.MDF是存储你的页面中元素的位置数据的数据库。 |
图4.上面这一行包含被显示的Profile属性的值。 |
<system.web> <profile> <properties> <add name="Panel1Loc" type="System.String" /> </properties> </profile> |
<profileService enabled="true" setProperties="Panel1Loc" getProperties="Panel1Loc" /> |
<atlas:DragOverlayExtender ID="DragOverlayExtender1" runat="server"> <atlas:DragOverlayProperties TargetControlID="Panel1" Enabled="true" ProfileProperty="Panel1Loc" /> </atlas:DragOverlayExtender> |
<atlas:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true" /> <atlas:ProfileScriptService ID="ProfileScriptService1" runat="server" AutoSave="true" /> |
图3.ASPNETDB.MDF是存储你的页面中元素的位置数据的数据库。 |
图4.上面这一行包含被显示的Profile属性的值。 |
<atlas:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> ... ... </ContentTemplate> </atlas:UpdatePanel> <atlas:UpdatePanel ID="UpdatePanel2" runat="server"> <ContentTemplate> <asp:Panel ID="Panel2" runat="server" BorderStyle="Solid" Height="198px" Width="194px"> <script src="http://www.clocklink.com/embed.js"> </script> <strong>Current Time in Japan</strong> <script type="text/javascript" language="JavaScript"> obj = new Object; obj.clockfile = "0008-Yellow.swf"; obj.TimeZone = "JST"; obj.width = 200; obj.height = 200; obj.wmode = "transparent"; showClock(obj); </script> </asp:Panel> </ContentTemplate> </atlas:UpdatePanel> |
<atlas:DragOverlayExtender ID="DragOverlayExtender1" runat="server"> <atlas:DragOverlayProperties TargetControlID="Panel1" Enabled="true" ProfileProperty="Panel1Loc" /> <atlas:DragOverlayProperties TargetControlID="Panel2" Enabled="true" ProfileProperty="Panel2Loc" /> </atlas:DragOverlayExtender> |
<profile> <properties> <add name="Panel1Loc" type="System.String" /> <add name="Panel2Loc" type="System.String" /> </properties> </profile> |
<profileService enabled="true" setProperties="Panel1Loc;Panel2Loc" getProperties="Panel1Loc;Panel2Loc" /> |
<atlas:ScriptManager ID="ScriptManager1" runat="server"> </atlas:ScriptManager> <asp:Panel ID="Panel1" runat="server" Width="125px" BorderStyle="Double"> <asp:Panel ID="Panel2" runat="server" Height="1px" Width="100%" BorderStyle="Double" BackColor="White"> <div style="text-align: center">Drag Me</div> </asp:Panel> <center> <asp:Panel ID="Panel3" runat="server" Height="50px" Width="125px"> <asp:Image ID="Image1" runat="server" Height="318px" Width="475px" ImageUrl="~/Fish.jpg" /> </asp:Panel> </center> </asp:Panel> |
<cc1:DragPanelExtender ID="DragPanelExtender1" runat="server"> <cc1:DragPanelProperties DragHandleID="Panel2" TargetControlID="Panel1" /> </cc1:DragPanelExtender> |
图6.使用这种DragPanelExtender控件,你的用户会更直观地意识到这一面板是可移动的。 |
.dragIcon { width:100%; height:21px; background-color:#FFF; text-align:center; cursor:move; font-weight:bold; } |
<head runat="server"> <title>Untitled Page</title> <link href="StyleSheet.css" rel="stylesheet" type="text/css" /> </head> |
<asp:Panel ID="Panel2" runat="server" Height="1px" Width="100%" BorderStyle="Double" BackColor="White"> <div class="dragIcon" style="text-align: center"> Drag Me</div> </asp:Panel> |
图7.把光标改为"移动"型以便用户从可移动的面板获得更直观的视觉效果。 |