defaultcs.aspx

来自「Telerik是很大的第三方软件制造商」· ASPX 代码 · 共 100 行

ASPX
100
字号
<%@ Register TagPrefix="radM" Namespace="Telerik.WebControls" Assembly="RadMenu" %>
<%@ 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.MenuExamplesCSharp.Menu.Examples.Design.PopupMenu.DefaultCS" %>
<!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>
  </head>
	<body onload="SetupExample();">
		<form runat="server" id="mainForm" method="post" style="WIDTH:100%">
			<telerik:Header id="Header1" runat="server" NavigationLanguage="C#" AccessibilityLevel="AAA"></telerik:Header>
<script type="text/javascript">

var MenuID = "<% =Menu1.ID %>";
var MenuInstance = null;
//links
var link1 = null;
var link2 = null;
var link3 = null;
//images
var image1 = null;
var image2 = null;
//buttons
var button1 = null;

function SetupExample()
{
    document.oncontextmenu = null;
    MenuInstance = RadMenuNamespace.GetStandardMenu(MenuID);
    //links
    link1 = document.getElementById("link1");
    link1.onclick = function(processedEvent){ OpenContextMenu(this, processedEvent);};
    link2 = document.getElementById("link2");
    link2.oncontextmenu = function(processedEvent){ OpenContextMenu(this, processedEvent);};
    link3 = document.getElementById("link3");
    link3.onmouseover = function(processedEvent){ OpenContextMenu(this, processedEvent);};
    //images
    image1 = document.getElementById("image1");
    image1.onclick = function(processedEvent){ OpenContextMenu(this, processedEvent);};
    image2 = document.getElementById("image2");
    image2.onmouseover = function(processedEvent){ OpenContextMenu(this, processedEvent);};
    //buttons id1
    button1 = document.getElementById("button1");
    button1.onmouseover = function(processedEvent){ OpenContextMenu(this, processedEvent);};
    //buttons id2
    button2 = document.getElementById("button2");
    button2.onclick = function(processedEvent){ OpenContextMenu(this, processedEvent);};
}

function OpenContextMenu(clickedElement, e)
{        
    if (!e)
    {
        e = window.event;
    }
    e.returnValue = false;
    e.cancelBuble = true;
    var OldContextHandler = document.oncontextmenu;
    document.oncontextmenu = null;
    MenuInstance.OnContext(e,clickedElement);
    document.oncontextmenu = OldContextHandler;
}
</script>
<br >
<table style="WIDTH:100%" class="exTbl">
	<tr>
		<td valign="top">
			<input id="button1" type="button" name="Submit" value="Hover over the button" class="exBtn" >
			<br ><br >
			<input id="button2" type="button" name="Submit" value="Click this button" class="exBtnCss" onmouseover="this.style.backgroundColor='#666666';" onmouseout="this.style.backgroundColor='#cccccc';" onfocus="this.blur();" >
			<p>&nbsp;</p>
			<p>&nbsp;</p>
			<p class="exP">1. <a href="#" id="link1" class="mnuEx">left-click this link to display the popup menu</a></p>
			<p class="exP">2. <a href="#" id="link2" class="mnuEx">right-click this link to display the popup menu</a></p>
			<p class="exP">3. <a href="#" id="link3" class="mnuEx">hover over this link to display the popup menu</a></p>
		</td>
		<td valign="top">
			<img id="image1" src="images/landscape_01.jpg" height="154" width="226" alt="" ><br ><b class="exBold">left-click</b> this image to display the popup menu<br ><br ><img id="image2" src="images/landscape_02.jpg" height="154" width="226" alt="" ><br ><b class="exBold">hover</b> over this image to display the popup menu
		</td>
	</tr>
</table>

<radm:radmenu 
	id="Menu1"
	imagesbasedir="images/" 
	iscontext="True" 
	Overlay="True"
	AccessibilityEnabled="True" 
	runat="server" 
	ContentFile="~/Menu/Examples/Functionality/Popup menu/menu.xml"
	cssfile="menu.css" 	
/>
			<br >
			<telerik:Footer id="Footer1" runat="server"></telerik:Footer>
		</form>
	</body>
</html>

⌨️ 快捷键说明

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