📄 defaultcs.aspx

📁 Telerik是很大的第三方软件制造商
💻 ASPX
字号:
<%@ Page CodeBehind="DefaultCS.aspx.cs" Language="c#" AutoEventWireup="false" Inherits="Telerik.PanelbarExamplesCSharp.Panelbar.Examples.PanelbarTypes.SlidingSideBar.DefaultCS" %>
<%@ 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="radP" Namespace="Telerik.WebControls" Assembly="RadPanelbar" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
  <head>
		<telerik:HeadTag runat="server" ID="Headtag1"></telerik:HeadTag>
		<style type="text/css">
		.CalendarStyle { PADDING-LEFT: 16px; FONT-SIZE: 11px; WIDTH: 100%; COLOR: #333333; FONT-FAMILY: Arial,Verdana; HEIGHT: 26px; TEXT-DECORATION: none }
		</style>

		<script type="text/javascript">
		<!--
		//<![CDATA[
		var panelBarWidth = 170;
		var slideSpeed = 5;
		var slideStep = 10;
		var leftOffset = 91;
		var currentPosition = 0;
		var movingSlider = false;

		function slidePanelbar(firstTime)
		{
			if (movingSlider && firstTime) return;

			movingSlider = true;

			var slidingDiv = document.getElementById("slidingDiv");
			//fix for Opera (slidingDiv covering the navigation links)
			slidingDiv.style.zIndex = 1;
			
			if (currentPosition < panelBarWidth)
			{
				currentPosition += slideStep;
				if (currentPosition > panelBarWidth) currentPosition = panelBarWidth;

				slidingDiv.style.left = leftOffset + currentPosition + "px";
				slidingDiv.style.clip = "rect(0px, 170px, 312px, " + (panelBarWidth - currentPosition) + "px)";

				if (panelBarWidth == currentPosition)
				{
					movingSlider = false;
				}
			}

			if (currentPosition < panelBarWidth)
			{
				window.setTimeout("slidePanelbar(false)", slideSpeed);
			}
		}

		function slideBackPanelbar(firstTime)
		{
			if (movingSlider && firstTime) return;

			movingSlider = true;

			var slidingDiv = document.getElementById("slidingDiv");
			//fix for Opera (slidingDiv covering the navigation links)
			slidingDiv.style.zIndex = -1;

			if (currentPosition > 0)
			{
				currentPosition -= slideStep;
				if (currentPosition < -panelBarWidth) currentPosition = -panelBarWidth;

				if (currentPosition == 0)
				{
					slidingDiv.style.left = "0px";
				}
				else
				{
					slidingDiv.style.left = leftOffset + currentPosition + "px";
				}
				slidingDiv.style.clip = "rect(0px, 170px, 312px, " + (panelBarWidth - currentPosition) + "px)";

				if (0 == currentPosition)
				{
					movingSlider = false;
				}
			}

			if (currentPosition > 0)
			{
				window.setTimeout("slideBackPanelbar(false)", slideSpeed);
			}
		}
		//]]>
		// -->
		</script>
</head>
	<body class="BODY">
		<form runat="server" id="mainForm" method="post" style="WIDTH:100%">
			<telerik:Header id="Header1" runat="server" NavigationLanguage="C#" AccessibilityLevel="AA"></telerik:Header>
			<div class="container">

<table border="0" cellspacing="0" cellpadding="0" style="height: 312px" id="toolboxImage">
<tr>
	<td valign="top" style="height: 311px; background-color: #FFFBE9"><a href="javascript:if(panelBarWidth == currentPosition){ slideBackPanelbar(true); } else { slidePanelbar(true); };" onfocus="if(this.blur)this.blur()"><img src="Images/Toolbox.jpg" style="border: 0px" alt="" /><span style="display:none">link</span></a></td>
</tr>
</table>
<div id="slidingDiv" style="z-index: -1; LEFT: 0px; CLIP: rect(0px 170px 312px 170px); POSITION: absolute; TOP: 45px">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
	<td colspan="4" style="height: 1px; background-color: #ACA899"></td>
	<td style="height: 1px; width: 1px; background-color: #000000"></td>
</tr>
<tr>
	<td colspan="3" style="background-color: #ECE9D8; height: 2px"></td>
	<td style="width: 1px; background-color: #ACA899; height: 2px"></td>
	<td style="width: 1px; background-color: #000000; height: 2px"></td>
</tr>
<tr>
	<td style="width: 2px; background-color: #ECE9D8"></td>
	<td valign="top">
<radP:RadPanelbar 
	ID="RadPanelbar1"
	Runat="server"
	ContentFile="~/Panelbar/Examples/PanelbarTypes/SlidingSideBar/Panelbar.xml"
	SpaceBetweenPanelItems="2"
	ImagesBaseDir="~/Panelbar/Examples/PanelbarTypes/SlidingSideBar/Images"
	CssFile="~/Panelbar/Examples/PanelbarTypes/SlidingSideBar/Panelbar.css"
	CssClass="panelbarCss"
	HeaderCollapsedCssClass="panelbarHeader"
	HeaderExpandedCssClass="panelbarHeader"
	ItemCollapsedCssClass="panelbarItem"
	ItemSelectedCssClass="panelbarItemSelected"
	ItemSelectedTextCssClass="panelbarItemTextSelected"
	ItemHoverCollapsedCssClass="panelbarItemHover"
	ExpandEffect="Fade"
	ExpandEffectSettings="duration=0.3"
	SingleExpandedPanel="True"
	FullExpandedPanels="True"
	Width="162px"
	Height="300px">
<PanelItemTemplates>
<radp:PanelItemTemplate ID="Template1">
<ContentTemplate>
	<br />
	Select date:<br />
	<asp:Calendar id=Calendar1 Runat="server" Font-Size="8pt" Font-Name="MS Sans Serif" FirstDayOfWeek="Monday"></asp:Calendar>
</ContentTemplate>
</radp:PanelItemTemplate>
</PanelItemTemplates>
</radP:RadPanelbar>
	</td>
	<td style="width: 4px; background-color: #ECE9D8"></td>
	<td style="width: 1px; background-color: #ACA899"></td>
	<td style="width: 1px; background-color: #000000"></td>
</tr>
<tr>
	<td colspan="3" style="height: 2px; background-color: #ECE9D8"></td>
	<td style="width: 1px; height: 2px; background-color: #ACA899"></td>
	<td style="width: 1px; height: 2px; background-color: #000000"></td>
</tr>
<tr>
	<td colspan="5" style="height: 1px; background-color: #FFFBE9"></td>
</tr>
</table>
</div>
			</div>
			<br />
			<telerik:Footer id="Footer1" runat="server"></telerik:Footer>
		</form>
	</body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -