📄 defaultcs.aspx

📁 Telerik是很大的第三方软件制造商
💻 ASPX
字号:
<%@ Register TagPrefix="radclb" Namespace="Telerik.WebControls" Assembly="RadCallback" %>
<%@ 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" %>
<%@ Page AutoEventWireup="false" CodeBehind="DefaultCS.aspx.cs" Inherits="Telerik.CallbackExamplesCSharp.Controls.Panel.RecreateScripts.DefaultCS" Language="c#" %>
<!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>
		<!-- custom head section -->
		<!-- end of custom head section -->
		
		<style type="text/css">
		.module button
		{
			margin-bottom: 5px;
		}
		</style>
	</head>
	<body class="BODY">
		<form runat="server" id="mainForm" method="post" style="WIDTH:100%">
			<telerik:Header runat="server" ID="Header1" NavigationLanguage="C#"></telerik:Header>
			<!-- content start -->
			<table style="width:100%;">
			<tr>
			<td style="width:50%;vertical-align:top;">
			<div class="module" style="height: 350px;">
			<radclb:CallbackPanel ID="CallbackPanel1" runat="server">
				<b>JavaScript objects recreation after r.a.d.callbackpanel AJAX</b>
				<br />
				<br />
				<div id="Container"></div>
				<br />
				<br />
				<asp:Button Text="Recreate scripts" Width="150px" CssClass="button" Runat="server" ID="Button1"></asp:Button>
				<script type="text/javascript">
						/*<![CDATA[*/
						window.currentIndex = 0;
						var MyImageCollection = new Array("img/img_1.jpg", "img/img_2.jpg", "img/img_3.jpg");
						var MyImage = new Image();
						MyImage.id = "myImg";
						MyImage.src = "img/img_1.jpg";

						var ControlsContainer = document.getElementById("Container");

						function UpdateImage()
						{
							NextButton.disabled = (window.currentIndex > MyImageCollection.length - 2)? true : false;
							PreviousButton.disabled = (window.currentIndex < 1)? true : false;
							MyImage.src = MyImageCollection[window.currentIndex];
						}

						var PreviousButton = document.createElement("button");
						PreviousButton.innerHTML = "&laquo;&nbsp;previous";
						PreviousButton.disabled = true;
						PreviousButton.onclick = function(e)
						{
							if(!e)
								var e = window.event;
							
							if(e.preventDefault)
							{
								e.preventDefault();
							}
							
							window.currentIndex--;
							UpdateImage();
						};

						var NextButton = document.createElement("button");
						NextButton.innerHTML = "next&nbsp;&raquo;";
						NextButton.disabled = false;
						NextButton.onclick = function(e)
						{
							if(!e)
								var e = window.event;

							if(e.preventDefault)
							{
								e.preventDefault();
							}

							window.currentIndex++;
							UpdateImage();
						};

						ControlsContainer.appendChild(PreviousButton);
						ControlsContainer.appendChild(NextButton);
						ControlsContainer.appendChild(document.createElement("br"));
						ControlsContainer.appendChild(MyImage);
						/*]]>*/
				</script>
			</radclb:CallbackPanel>
			</div>
			</td>
			<td style="vertical-align:top;">
				<div class="module" style="height: 350px;">
				<radclb:CallbackPanel ID="CallbackPanel2" runat="server">
				 <b>Create JavaScript objects on the fly</b>
					   <br/><br/>
					    <asp:Button ID="Button2" Text="Run" CssClass="button" style="margin-top: 10px;" runat="server"></asp:Button>
						<br /><br />
						<div id="ImageChangerContainer"></div>
				</radclb:CallbackPanel>
				</div>
			</td>
			</tr>
			</table>
			<!-- content end -->
			<telerik:Footer runat="server" ID="Footer1"></telerik:Footer>
		</form>
	</body>
</html>
⌨️ 快捷键说明

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