📄 defaultcs.aspx
字号:
<%@ Register TagPrefix="radP" Namespace="Telerik.WebControls" Assembly="RadPanelbar" %>
<%@ 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.PanelbarExamplesCSharp.Panelbar.Examples.Programming.ClientSideEvents.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>
<script language="javascript">
<!--
function onBeforeClick(obj)
{
document.forms[0].EventsOutput.value += "Before click fired from " + obj.Text + "\n";
if (obj.ID == "Panel2_4") return (false);
}
function onAfterClick(obj)
{
document.forms[0].EventsOutput.value += "After click fired from " + obj.Text + "\n";
}
function onBeforeExpand(obj)
{
document.forms[0].EventsOutput.value += "Before expand fired from " + obj.Text + "\n";
}
function onAfterExpand(obj)
{
document.forms[0].EventsOutput.value += "After expand fired from " + obj.Text + "\n";
}
function onBeforeCollapse(obj)
{
document.forms[0].EventsOutput.value += "Before collapse fired from " + obj.Text + "\n";
}
function onAfterCollapse(obj)
{
document.forms[0].EventsOutput.value += "After collapse fired from " + obj.Text + "\n";
}
function onMouseOver(obj)
{
document.forms[0].EventsOutput.value += "MouseOver fired from " + obj.Text + "\n";
}
function onMouseOut(obj)
{
document.forms[0].EventsOutput.value += "MouseOut fired from " + obj.Text + "\n";
}
function ClearOutput()
{
document.forms[0].EventsOutput.value="";
}
//-->
</script>
</head>
<body class="BODY">
<form runat="server" id="mainForm" method="post" style="WIDTH:100%">
<telerik:Header id="Header1" runat="server" NavigationLanguage="C#" AccessibilityLevel="AA"></telerik:Header>
<div class="container">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<radP:RadPanelbar ID="RadPanelbar1" Runat="server"
Width="200"
ContentFile="~/Panelbar/Examples/Programming/ClientSideEvents/Panelbar.xml"
CssFile="~/Panelbar/Examples/Programming/ClientSideEvents/Panelbar.css"
CssClass="Panelbar"
HeaderCollapsedCssClass="HeaderCollapsed"
HeaderExpandedCssClass="HeaderExpanded"
HeaderHoverCollapsedCssClass="HeaderHover"
HeaderHoverExpandedCssClass="HeaderHover"
HeaderDisabledCssClass="HeaderDisable"
ItemCollapsedCssClass="ItemCollapsed"
ItemHoverCollapsedCssClass="ItemHover"
ItemDisabledCssClass="ItemDisabled"
ItemSelectedCssClass="ItemSelected"
>
</radP:RadPanelbar>
</td>
<td style="width: 50px"> </td>
<td valign="top">
<span class="text"><b>Event output:</b></span><br />
<label for="EventsOutput"></label>
<textarea name="EventsOutput" id="EventsOutput" cols="54" rows="16" style="word-wrap: normal; FONT-SIZE: 8pt"></textarea>
<br />
<span class="text"><b>Filter events:</b></span><br />
<asp:CheckBox ID="BeforeExpand" Runat="server" class="text" Text="BeforeClientPanelItemExpanded"></asp:CheckBox><br />
<asp:CheckBox ID="AfterExpand" Runat="server" class="text" Text="AfterClientPanelItemExpanded"></asp:CheckBox><br />
<asp:CheckBox ID="BeforeCollapse" Runat="server" class="text" Text="BeforeClientPanelItemCollapsed"></asp:CheckBox><br />
<asp:CheckBox ID="AfterCollapse" Runat="server" class="text" Text="AfterClientPanelItemCollapsed"></asp:CheckBox><br />
<asp:CheckBox ID="BeforeClick" Runat="server" class="text" Text="BeforeClientPanelItemClicked"></asp:CheckBox><br />
<asp:CheckBox ID="AfterClick" Runat="server" class="text" Text="AfterClientPanelItemClicked"></asp:CheckBox><br />
<asp:CheckBox ID="MouseOver" Runat="server" class="text" Text="ClientMouseOver"></asp:CheckBox><br />
<asp:CheckBox ID="MouseOut" Runat="server" class="text" Text="ClientMouseOut"></asp:CheckBox><br />
<br />
<asp:Button ID="ApplyFilter" Runat="server" OnClick="ApplyFilter_Click" Text="Apply Filter" class="button"></asp:Button>
<br /><br />
<a href="javascript:ClearOutput();" class="text" style="COLOR: blue">Clear the event output</a>
</td></tr>
</table>
</div>
<br />
<telerik:Footer id="Footer1" runat="server"></telerik:Footer>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -