📄 defaultcs.aspx

📁 Telerik是很大的第三方软件制造商
💻 ASPX
字号:
<%@ Page language="c#" Codebehind="DefaultCS.aspx.cs" AutoEventWireup="false" Inherits="Telerik.ToolbarExamplesCS.Toolbar.Examples.Programming.ClientEvents.DefaultCS" %>
<%@ Register TagPrefix="radTlb" Namespace="Telerik.WebControls" Assembly="RadToolbar" %>
<%@ 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" %>
<!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>
		<link rel="stylesheet" type="text/css" href="Styles.css" />
		<style type="text/css">
		.apiButton
		{
			border: none;
			background-color: none;
			background-image: url(../ClientAPI/apiButtonBg.gif);
			background-repeat: no-repeat;
			width: 100px;
			height: 26px;
			font-family: Arial, Verdana, Sans-serif;
			font-size: 10px;
			font-weight: bold;
			color: #808080;
			margin-top: 3px;
			margin-bottom: 3px;
		}
		</style>
	</head>
	<body class="BODY">
		<form runat="server" id="mainForm" method="post" style="width: 100%;">
			<telerik:header NavigationLanguage="CS" id="Header1" runat="server"></telerik:header>
			<div class="module" style="width: 200px; height: 235px; float: left; margin-bottom: 10px;">
					<div style="font-weight: bold; border-bottom: solid 1px #333333; margin-bottom: 20px; color: #333333; cursor: default;">Test Area</div>
					<radtlb:radtoolbar runat="server" id="toolbar1" skin="macOS" UseFadeEffect="True">
						<items>
							<radtlb:radtoolbarbutton AccessKey="n" Tooltip="New (Alt+N)" CommandName="New" />
							<radtlb:radtoolbarbutton AccessKey="o" Tooltip="Open (Alt+O)" CommandName="Open" />
							<radtlb:radtoolbarbutton AccessKey="s" Tooltip="Save (Alt+S)" CommandName="Save" />
							<radtlb:radtoolbarseparator />
							<radtlb:radtoolbartogglebutton AccessKey="l" Tooltip="Align Left (Alt+L)" ButtonGroup="Alignment" CommandName="alignLeft" />
							<radtlb:radtoolbartogglebutton AccessKey="c" Tooltip="Align Center (Alt+C)" ButtonGroup="Alignment" CommandName="Center" />
							<radtlb:radtoolbartogglebutton AccessKey="r" Tooltip="Align Right (Alt+R)" ButtonGroup="Alignment" CommandName="alignRight" />
							<radtlb:radtoolbartogglebutton AccessKey="j" Tooltip="Justify (Alt+J)" ButtonGroup="Alignment" CommandName="Justify" />
						</items>
					</radtlb:radtoolbar>	
			</div>
			<div class="module" style="width: 260px; height: 235px; float: left; margin-bottom: 10px;">
						<div style="font-weight: bold; border-bottom: solid 1px #333333; margin-bottom: 20px; color: #333333; cursor: default;">Captured Events Log</div>
			<div id="event_log" style="border: solid 1px #e1e1e1; font-family: Verdana; height: 160px;  overflow: auto; margin-bottom: 5px;"><span style="color: #333333; font-style: italic;">control loaded</span></div>
			<script type="text/javascript">
			<!--
				toolbar1.attachEvent("OnClientMouseOver","mover_handler");
				toolbar1.attachEvent("OnClientMouseOut","mout_handler");
				toolbar1.attachEvent("OnClientClick","click_handler");
				toolbar1.attachEvent("OnClientMouseDown","mdown_handler");
				toolbar1.attachEvent("OnClientButtonToggled","toggle_handler");
				toolbar1.attachEvent("OnClientOrientationChanged","orientation_handler");
	            
	            function orientation_handler(sender, orientation)
				{
					var event_log = document.getElementById("event_log");
					event_log.innerHTML = "<b>" + sender.ClientID + "</b> fired: <span style='color: purple;'>Orientation Changed: " + orientation +"</span><br/>" + event_log.innerHTML;
				}
	            
				function toggle_handler(sender, state)
				{
					var event_log = document.getElementById("event_log");
					event_log.innerHTML = "<b>" + sender.CommandName + "(Group:" + sender.ButtonGroup +")</b>:<span style='color: maroon;'> toggled: "+state+"</span><br/>" + event_log.innerHTML;
				}
	            
				function mdown_handler(sender, e)
				{
					var event_log = document.getElementById("event_log");
					event_log.innerHTML = "<b>" + sender.CommandName + "</b> fired: <span style='color: orange;'>OnMouseDown</span><br/>" + event_log.innerHTML;
				}
				
				function mover_handler(sender, e)
				{
					var event_log = document.getElementById("event_log");
					event_log.innerHTML = "<b>" + sender.CommandName + "</b> fired: <span style='color: green;'>OnMouseOver</span><br/>" + event_log.innerHTML;
				}
	            
				function mout_handler(sender, e)
				{
					var event_log = document.getElementById("event_log");
					event_log.innerHTML = "<b>" + sender.CommandName + "</b> fired: <span style='color: red;'>OnMouseOut</span><br/>" + event_log.innerHTML;
				}
	            
				function click_handler(sender, e)
				{
					var event_log = document.getElementById("event_log");
					event_log.innerHTML = "<b>" + sender.CommandName + "</b> fired: <span style='color: blue;'>onClick</span><br/>" + event_log.innerHTML;
				}
			-->
			</script>
				<button onclick="document.getElementById('event_log').innerHTML = '';" class="apiButton" onmouseover="this.style.color='#4a4a4a';" onmouseout="this.style.color='#808080';">reset log</button>		
			</div>
			<div class="module" style="width: 186px; height: 235px; float: left; margin-bottom: 10px;">
					<div style="font-weight: bold; border-bottom: solid 1px #333333; margin-bottom: 20px; color: #333333; cursor: default;">Toolbar Control</div>
						<button onclick="window.toolbar1.MakeVertical();return false;" class="apiButton" onmouseover="this.style.color='#4a4a4a';" onmouseout="this.style.color='#808080';">vertical</button>
						<br/><br/>
						<button onclick="window.toolbar1.MakeHorizontal();return false;" class="apiButton" onmouseover="this.style.color='#4a4a4a';" onmouseout="this.style.color='#808080';">horizontal</button>
			</div>
			<telerik:footer id="Footer1" runat="server"></telerik:footer>
		</form>
	</body>
</html>
⌨️ 快捷键说明

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