📄 defaultvb.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="DefaultVB.aspx.vb" Language="vb" AutoEventWireup="false" Inherits="Telerik.ExamplesVBNET.RadCalendar.Programming.ClientSideAPI.DefaultVB" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
	<head runat="server">
		<telerik:headtag id="Headtag1" runat="server"></telerik:headtag>
	</head>
	<body class="body">
        <script type="text/javascript">	
		function PerformSingleSelectionChange(shouldSelect)
		{
			var datesList = document.getElementById("SingleDatesList");
			var dates = datesList.getElementsByTagName("input");
			
			var selectedDate = null;
			for (var i=0; i < dates.length; i++)
			{
				if (dates[i].type == "radio" && dates[i].checked)
				{
					selectedDate = dates[i].value.split('/');
					break;
				}
			}

			if (selectedDate == null)
			{
				return;
			}
					
			var shouldNavigate = (document.getElementById("shouldNavigate").checked == true);
			var calendar = <%= RadCalendar1.ClientID %>;
			if (shouldSelect == true)
			{
				calendar.SelectDate(selectedDate, shouldNavigate);
			}
			else
			{
				calendar.UnselectDate(selectedDate);
			}		
		}
		
		function PerformMultiSelectionChange(shouldSelect)
		{
			var datesList = document.getElementById("MultiDatesList");
			var dates = datesList.getElementsByTagName("label");
			
			var selectedDates = [];
			for (var i=0; i < dates.length; i++)
			{
				var checkbox = document.getElementById(dates[i].htmlFor);
				if (checkbox != null && checkbox.checked)
				{
					var stringDate = dates[i].firstChild.nodeValue;
					selectedDates[selectedDates.length] = stringDate.split('/');
				}
			}

			if (selectedDates.length == 0)
			{
				return;
			}
					
			var shouldNavigate = (document.getElementById("shouldNavigate").checked == true);
			var calendar = <%= RadCalendar1.ClientID %>;
			if (shouldSelect == true)
			{
				calendar.SelectDates(selectedDates, shouldNavigate);
			}
			else
			{
				calendar.UnselectDates(selectedDates);
			}	
		}
		
		function ClearAll()
		{
			var calendar = <%= RadCalendar1.ClientID %>;
			calendar.UnselectDates(calendar.GetSelectedDates());
		}
		</script>
		<form id="mainForm" style="width: 100%" method="post" runat="server">
			<telerik:header id="Header1" runat="server" NavigationLanguage="VB"></telerik:header>
			<radcln:radcalendar id="RadCalendar1" style="float: left; margin-bottom: 10px; border-left-color: #ececec; margin-right: 10px; border-bottom-color: #ececec; border-top-color: #ececec; border-right-color: #ececec"
				FocusedDate="2006-06-01" Runat="server" Skin="Stylish" forecolor="Black" font-names="Arial, Verdana, Tahoma"></radcln:radcalendar>
			<asp:CheckBox ID="MultiSelectCheckBox" Runat="server" AutoPostBack="True" OnCheckedChanged="MultiSelectCheckBox_CheckedChanged" />
			<asp:Label ID="MultiSelectLabel" Runat="server" Text="Enable Multiselect" />
			<input type="checkbox" id="shouldNavigate" checked />
			<label for="shouldNavigate">Navigate on selection</label>
			<br />
			<button type="button" onclick="ClearAll();" style="width: 180px; margin-top: 5px;">Clear all selected dates</button>
			<br />
			<fieldset style="float: left; width: 180px; margin-right: 5px;">
				<legend>Single Date Selection</legend>
				<asp:radiobuttonlist id="SingleDatesList" Runat="server" RepeatColumns="2" RepeatDirection="Horizontal"></asp:radiobuttonlist>
				<button type="button" style="margin-top: 10px; margin-right: 2px;" onclick="PerformSingleSelectionChange(true);">Select</button>
				<button type="button" style="margin-top: 10px;" onclick="PerformSingleSelectionChange(false);">Unselect</button>
			</fieldset>
			<fieldset style="float: left; width: 180px;">
				<legend>Multi Date Selection</legend>
				<asp:checkboxlist id="MultiDatesList" Runat="server" RepeatColumns="2" RepeatDirection="Horizontal"></asp:checkboxlist>
				<button type="button" style="margin-top: 10px; margin-right: 2px;" onclick="PerformMultiSelectionChange(true);">Select</button>
				<button type="button" style="margin-top: 10px" onclick="PerformMultiSelectionChange(false);">Unselect</button>
			</fieldset>
			<telerik:footer id="Footer1" runat="server"></telerik:footer></form>
	</body>
</html>
⌨️ 快捷键说明

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