📄 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.DockingZoneObjectPos.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>
<style type="text/css">
.LayoutTable { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; WIDTH: 99%; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 450px }
.panel { PADDING-RIGHT: 5px; MARGIN-TOP: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; FONT: 10px verdana; WIDTH: 99%; PADDING-TOP: 5px; BACKGROUND-COLOR: #f5f5f5 }
</style>
</head>
<body class="BODY">
<form runat="server" method="post" id="Form1">
<raddk:raddockingmanager id="RadDockingManager1" runat="server"></raddk:raddockingmanager>
<telerik:header runat="server" id="Header1" xhtmlcompliant="False" navigationlanguage="CS"></telerik:header>
<table class="LayoutTable" cellspacing="1" cellpadding="1" border="0">
<tr>
<td colspan="3" style="height:8px">
<raddk:raddockingzone id="RadDockingZone3" runat="server" width="100%" height="100%" type="Top"></raddk:raddockingzone>
</td>
</tr>
<tr>
<td style="width:8px;height:100%" valign="top">
<raddk:raddockingzone id="RadDockingZone1" runat="server" width="100%" height="100%">
<raddk:raddockableobject id="RadDockableObject1" runat="server" height="75px" backcolor="White" text="Object 1">
<contenttemplate>
Object 1
</contenttemplate>
</raddk:raddockableobject>
<raddk:raddockableobject id="RadDockableObject2" runat="server" height="75px" text="Object 2">
<contenttemplate>
Object 2
</contenttemplate>
</raddk:raddockableobject>
<raddk:raddockableobject id="RadDockableObject3" runat="server" height="75px" text="Object 3">
<contenttemplate>
Object 3
</contenttemplate>
</raddk:raddockableobject>
<raddk:raddockableobject id="RadDockableObject4" runat="server" height="75px" text="Object 4">
<contenttemplate>
Object 4
</contenttemplate>
</raddk:raddockableobject>
</raddk:raddockingzone>
</td>
<td> </td>
<td style="width:8px;height:100%" valign="top">
<raddk:raddockingzone id="RadDockingZone2" runat="server" width="100%" height="100%"></raddk:raddockingzone>
</td>
</tr>
<tr>
<td colspan="3" style="height:8px">
<raddk:raddockingzone id="Raddockingzone4" runat="server" width="100%" height="100%" type="Top"></raddk:raddockingzone>
</td>
</tr>
</table>
<div class="panel">
Set the position of RadDockableObject1 in the zone that is docked:
<p>
<input type="button" value="Move Up" onclick="setObjectPos('<%=RadDockableObject1.ClientID%>', 'up')"/>
<input type="button" value="Move Down" onclick="setObjectPos('<%=RadDockableObject1.ClientID%>', 'down')"/>
<asp:button runat="server" text="Try Postback" id="Button1"></asp:button>
</p>
</div>
<telerik:footer runat="server" id="Footer1"></telerik:footer>
<script language="javascript">
function setObjectPos(objectId, dir)
{
var obj = RadDock_GetDockableObject(objectId);
if (obj)
{
var parentZone = obj.ParentDockingZone;
if (parentZone)
{
var pos = parentZone.GetPosition(obj);
if ("up" == dir)
{
parentZone.SetAtPosition(obj, pos - 1);
}
else if ("down" == dir)
{
parentZone.SetAtPosition(obj, pos + 1);
}
}
}
}
</script>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -