📄 defaultcs.aspx

📁 Telerik是很大的第三方软件制造商
💻 ASPX
字号:
<%@ Register TagPrefix="radCln" Namespace="Telerik.WebControls" Assembly="RadCalendar" %>
<%@ 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" %>
<%@ Page CodeBehind="DefaultCS.aspx.cs" Language="c#" AutoEventWireup="false" Inherits="Telerik.ExamplesCSharp.RadCalendar.Functionality.ClientSideEvents.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>
	</head>
	<body class="BODY">
		<form runat="server" id="mainForm" method="post" style="WIDTH:100%">
			<telerik:Header id="Header1" runat="server" NavigationLanguage="CS"></telerik:Header>
			<script type="text/javascript">
			function OnPopupUpdating()
			{
				TraceEvent("OnPopupUpdating fired by " + this.ClientID);
				
				// process the event only for the second datepicker
				if (this.ClientID == "<%= RadDatePicker1.ClientID %>")
					return;
					
				// process the event only if the second datepicker is empty
				if (this.IsEmpty() == false)
					return;
				
				var dateToNavigate = GetDateToNavigate();
				
				var secondDatePicker = <%= RadDatePicker2.ClientID %>;
				var shouldSelect = document.getElementById("shouldSelect").checked;
				if (shouldSelect)
				{
					secondDatePicker.SetDate(dateToNavigate);
				}
				else
				{
					var calendarDateToNavigate = [dateToNavigate.getUTCFullYear(), dateToNavigate.getMonth() + 1, dateToNavigate.getDate()];
					//secondDatePicker.Calendar.UnselectDates(this.Calendar.GetSelectedDates());
					secondDatePicker.Calendar.NavigateToDate(calendarDateToNavigate);
					
					return false;
				}
			}
			
			function GetDateToNavigate()
			{
				var firstDatePicker = <%= RadDatePicker1.ClientID %>;
				var dateToNavigate = firstDatePicker.GetDate();
				
				var durationList = document.getElementById("DurationList");
				var duration = parseInt(durationList.options[durationList.selectedIndex].value);
				
				dateToNavigate.setDate(dateToNavigate.getDate() + duration);
				
				return dateToNavigate;
			}
			
			function OnDateSelected(args)
			{
				TraceEvent("OnDateSelected: <br />" + args.NewDate.toDateString() + " selected in " + this.ClientID);
			}
			
			var output;
			function TraceEvent(message)
			{
				if (!output)
				{
					output = document.getElementById("eventLog");
				}
				
				if (output)
				{
					var now = new Date();
					var str = "[" + now.toLocaleTimeString() + "]&nbsp;" 
								+ message;
								
					output.innerHTML = output.innerHTML + (output.innerHTML ? "<br />" : "") + str;
					output.scrollTop = 10000000;
				}
			}
			</script>
			
			<span> Specify Duration: </span>
			<asp:DropDownList ID="DurationList" Runat="server">
				<asp:ListItem Value="7">One Week</asp:ListItem>
				<asp:ListItem Value="14">Two Weeks</asp:ListItem>
				<asp:ListItem Value="28">Four Weeks</asp:ListItem>
			</asp:DropDownList>
			
			<br />
			<br />
			
			<div id="eventLog" class="module" style="overflow:auto; float: right; width: 275px; height: 240px; margin-right: 10px; margin-bottom: 10px; color:#ff0000; padding:5px 5px 5px 5px;"></div>
			
			<table>
				<tbody>
					<tr>
						<td>Start Date:</td>
						<td>End Date:</td>
						<td></td>
					</tr>
					<tr>
						<td>
							<radcln:RadDatePicker id="RadDatePicker1" Runat="server" MinDate="2006/1/1">
								<ClientEvents OnPopupUpdating="OnPopupUpdating" OnDateSelected="OnDateSelected"></ClientEvents>
							</radcln:RadDatePicker>
						</td>
						<td>
							<radcln:RadDatePicker id="RadDatePicker2" Runat="server" MinDate="2006/1/1">
								<ClientEvents OnPopupUpdating="OnPopupUpdating" OnDateSelected="OnDateSelected"></ClientEvents>
							</radcln:RadDatePicker>						
						</td>
						<td>
							<asp:CheckBox ID="shouldSelect" Runat="server"></asp:CheckBox>Selection
						</td>
					</tr>
				</tbody>
			</table>

			<telerik:Footer id="Footer1" runat="server"></telerik:Footer>
		</form>
	</body>
</html>
⌨️ 快捷键说明

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