📄 defaultcs.aspx

📁 Telerik是很大的第三方软件制造商
💻 ASPX
字号:
<%@ Page AutoEventWireup="false" CodeBehind="DefaultCS.aspx.cs" Inherits="Telerik.CallbackExamplesCSharp.Functionality.ClientEvents.DefaultCS" Language="c#" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.QuickStart" Assembly="Telerik.QuickStart" %>
<%@ Register TagPrefix="telerik" TagName="Header" Src="~/Common/Header.ascx" %>
<%@ Register TagPrefix="telerik" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
<%@ Register TagPrefix="telerik" TagName="Footer" Src="~/Common/Footer.ascx" %>
<%@ Register TagPrefix="radClb" Namespace="Telerik.WebControls" Assembly="RadCallback" %>
<!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 -->
	</head>
	<body class="BODY">
		<form runat="server" id="mainForm" method="post" style="WIDTH:100%">
			<telerik:Header runat="server" ID="Header1" NavigationLanguage="CS"></telerik:Header>
			<!-- content start -->
			<script language="javascript" type="text/javascript">
			<!--
				var starttime;
				var total;
				
				function UpdateLabel(labelid, text)
				{				
					var label = document.getElementById(labelid);
					if (label)
					{
						test = new Date();
						dt = test.getTime() - starttime;
						label.innerHTML = label.innerHTML + text + " Elapsed time: " + dt + "ms.";
						starttime = test.getTime();
					}			
				}
				
				function ShowProgress()
				{
					img = document.getElementById('statusDiv');		
					if (img)
					{		
						img.style.display = "block";
					}
				}
				
				function HideProgress()
				{
					img = document.getElementById('statusDiv');
					if (img)
					{
						img.style.display = "none";
					}
				}
				
				function DisableControls()
				{
					for (var i=0; i<document.forms[0].elements.length; i++)
					{			
						var obj = document.forms[0].elements[i];
						obj.disabled = true;
					}
				}
				
				function EnableControls()
				{
					for (var i=0; i<document.forms[0].elements.length; i++)
					{		
						var obj = document.forms[0].elements[i];
						obj.disabled = false;
					}
				}
				
				function f1()
				{
					var label = document.getElementById('<%=Label1.ClientID%>');
					if (label)
					{				
						label.innerHTML = "";
					}			
					time = new Date();
					starttime = time.getTime();
					UpdateLabel('<%=Label1.ClientID%>', "<br>Request started.");		
					ShowProgress();		
				}
				
				function f2()
				{
					UpdateLabel('<%=Label1.ClientID%>', "<br>Request sent.");
					DisableControls();		
				}
				
				function f3()
				{
					UpdateLabel('<%=Label1.ClientID%>', "<br>Response received.");
					EnableControls();		
				}
				
				function f4()
				{		
					UpdateLabel('<%=Label1.ClientID%>', "<br>Response completed.");	
					HideProgress();	
					var label = document.getElementById('<%=Label1.ClientID%>');
					if (label)
					{				
						label.innerHTML = label.innerHTML + "<hr/>";
					}						
				}
			-->
			</script>
			<table class="module" id="Table1" style="width: 730px; height: 325px" summary="">
				<tbody>
					<tr>
						<td colspan="2">
							<radClb:callbackbutton id="CallbackButton1" Width="155px" Text="Make Callback" runat="server" ControlsToUpdate="TextBox1,;CheckBoxList1,;Button1,;ListBox1," CssClass="button" Title="Make Callback"></radClb:callbackbutton>
							<radClb:callbackbutton id="Callbackbutton2" Width="155px" Text="Clear Info Label" runat="server" ControlsToUpdate="Label1,LoadingPanel1" CssClass="button" Title="Clear Info Label"></radClb:callbackbutton>
							<asp:label id="Label2" Width="361px" runat="server" Font-Bold="True">Form elements will be disabled during the callback:</asp:label>
						</td>
					</tr>
					<tr>
						<td width="312">
							<div style="width: 304px; height: 300px; oveflow: auto;" style="margin-top: 10px;">
								<asp:label id="Label1" runat="server"></asp:label>
							</div>
						</td>
						<td style="vertical-align: top;">
							<table id="Table2" style="width: 406px; height: 227px; margin-top: 20px;" summary="">
								<tbody>
									<tr>
										<td align="left" width="185" height="96" style="vertical-align: top;">
											<label for="TextBox1"></label>
											<asp:textbox id="TextBox1" Width="150px" runat="server">Sample text</asp:textbox><label for="CheckBoxList1"></label>
											<asp:checkboxlist id="CheckBoxList1" Width="71px" runat="server" Height="1px">
												<asp:ListItem Value="Item 1">Item 1</asp:ListItem>
												<asp:ListItem Value="Item 2" Selected="True">Item 2</asp:ListItem>
												<asp:ListItem Value="Item 3">Item 3</asp:ListItem>
												<asp:ListItem Value="Item 4">Item 4</asp:ListItem>
											</asp:checkboxlist></td>
										<td align="left" height="96" style="vertical-align: top;"><label for="ListBox1"></label>
											<asp:listbox id="ListBox1" Width="150px" runat="server">
												<asp:ListItem Value="Item 1">Item 1</asp:ListItem>
												<asp:ListItem Value="Item 2" Selected="True">Item 2</asp:ListItem>
												<asp:ListItem Value="Item 3">Item 3</asp:ListItem>
											</asp:listbox>
											<br /><br />
											<asp:button id="Button1" Width="150px" Text="Button" Title="Button" runat="server"></asp:button></td>
									</tr>
									<tr style="HEIGHT: 30px">
										<td colspan="2">
											<div id="statusdiv" style="display: none;">
												<asp:label id="Label3" runat="server" Font-Bold="True" ForeColor="#333333">Wait for the callback to complete... </asp:label><img id="Image1" src="loading.gif" alt="loading progress" style="vertical-align: middle;">
											</div>
										</td>
									</tr>
								</tbody>
							</table>
						</td>
					</tr>
				</tbody>
			</table>
			<radClb:LoadingPanel id="LoadingPanel1" runat="server">
				<img id="Img1" alt="" src="~/Img/Loading.gif" runat="server" />
			</radClb:LoadingPanel>
			
			<!-- content end -->
			<telerik:Footer runat="server" ID="Footer1"></telerik:Footer>
		</form>
	</body>
</html>
⌨️ 快捷键说明

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