📄 defaultcs.aspx
字号:
<%@ Page CodeBehind="DefaultCS.aspx.cs" Language="c#" AutoEventWireup="false" Inherits="Telerik.PanelbarExamplesCSharp.Panelbar.Examples.PanelbarTypes.SideBar.DefaultCS" %>
<%@ Register TagPrefix="telerik" TagName="Footer" Src="~/Common/Footer.ascx" %>
<%@ Register TagPrefix="telerik" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
<%@ Register TagPrefix="telerik" TagName="Header" Src="~/Common/Header.ascx" %>
<%@ Register TagPrefix="radP" Namespace="Telerik.WebControls" Assembly="RadPanelbar" %>
<!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>
<style type="text/css">
.CellHeader { BORDER-RIGHT: #c7c5b2 1px solid; BORDER-TOP: #7f9db9 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BORDER-LEFT: #ffffff 1px solid; CURSOR: default; BORDER-BOTTOM: #e2decd 1px solid; FONT-FAMILY: MS Sans Serif, Arial, sans-serif; HEIGHT: 19px; BACKGROUND-COLOR: #ebeadb }
.Cell { PADDING-LEFT: 4px; FONT-SIZE: 8pt; FONT-FAMILY: MS Sans Serif, Arial, sans-serif; HEIGHT: 19px }
.Details { PADDING-LEFT: 2px; FONT-SIZE: 8pt; PADDING-BOTTOM: 10px; COLOR: black; PADDING-TOP: 10px; FONT-FAMILY: MS Sans Serif, Arial, sans-serif }
.UnselectedFile { BORDER-RIGHT: white 0px solid; BORDER-TOP: white 0px solid; FONT-SIZE: 8pt; BORDER-LEFT: white 0px solid; WIDTH: 64px; CURSOR: pointer; COLOR: black; BORDER-BOTTOM: white 0px solid; FONT-FAMILY: MS Sans Serif, Arial, sans-serif; HEIGHT: 19px; BACKGROUND-COLOR: white }
.SelectedFile { BORDER-RIGHT: white 0px solid; BORDER-TOP: white 0px solid; FONT-SIZE: 8pt; BORDER-LEFT: white 0px solid; WIDTH: 64px; CURSOR: pointer; COLOR: white; BORDER-BOTTOM: white 0px solid; FONT-FAMILY: MS Sans Serif, Arial, sans-serif; HEIGHT: 19px; BACKGROUND-COLOR: #316ac5 }
</style>
</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" style="height: 500px">
<tr>
<td valign="top">
<div id="panelWrapper" class="outerPanelbar" >
<radP:RadPanelbar ID="RadPanelbar1"
ContentFile="~/Panelbar/Examples/PanelbarTypes/SideBar/Panelbar.xml"
ExpandEffect="Fade"
ExpandEffectSettings="duration=0.2"
Theme="WinXP"
Width="189px"
Runat="server">
<PanelItemTemplates>
<radP:PanelItemTemplate ID="DefaultDetails">
<ContentTemplate>
<div class="Details">
<b>Album</b><br /><br />
File folder<br /><br />
Date Modified: 17 January 2005, 15:48
</div>
</ContentTemplate>
</radP:PanelItemTemplate>
<radP:PanelItemTemplate ID="Track1">
<ContentTemplate>
<div class="Details">
<b>Track1.mp3</b><br /><br />
Size: 9,21 MB<br />
Media file<br /><br />
Track Number: 8<br /><br />
Duration: 00:06:42
</div>
</ContentTemplate>
</radP:PanelItemTemplate>
<radP:PanelItemTemplate ID="Track2">
<ContentTemplate>
<div class="Details">
<b>Track2.mp3</b><br /><br />
Size: 8,85 MB<br />
Media file<br /><br />
Track Number: 5<br /><br />
Duration: 00:06:27
</div>
</ContentTemplate>
</radP:PanelItemTemplate>
<radP:PanelItemTemplate ID="Track3">
<ContentTemplate>
<div class="Details">
<b>Track3.mp3</b><br /><br />
Size: 11,5 MB<br />
Media file<br /><br />
Track Number: 2<br /><br />
Duration: 00:08:24
</div>
</ContentTemplate>
</radP:PanelItemTemplate>
</PanelItemTemplates>
</radP:RadPanelbar>
</div>
</td>
<td valign="top" style="width: 100%; height: 100%">
<table border="0" cellspacing="0" cellpadding="0" style="width: 100%; height: 100%">
<tr>
<th class="CellHeader" style="width: 160px;white-space: nowrap" align="left">Name</th>
<th class="CellHeader" style="width: 80px;white-space: nowrap" align="right">Size </th>
<th class="CellHeader" style="width: 120px;white-space: nowrap" align="left">Type</th>
<th class="CellHeader" style="width: 140px;white-space: nowrap" align="left">Date Modified</th>
</tr>
<tr>
<td class="Cell"><asp:Button ID="Folder1" Runat="server" CssClass="SelectedFile" Text="Album" OnClick="Folder1_Click"></asp:Button></td>
<td class="Cell" align="right"> </td>
<td class="Cell" style="background-color: #F7F7F7">File Folder</td>
<td class="Cell">17.1.2005 15:48:51</td>
</tr>
<tr>
<td class="Cell"><asp:Button ID="Track1Mp3" Runat="server" CssClass="UnselectedFile" Text="Track1.mp3" OnClick="Track1Mp3_Click"></asp:Button></td>
<td class="Cell" align="right">9 436 KB </td>
<td class="Cell" style="background-color: #F7F7F7">Media File</td>
<td class="Cell">19.8.2004 15:48:51</td>
</tr>
<tr>
<td class="Cell"><asp:Button ID="Track2Mp3" Runat="server" CssClass="UnselectedFile" Text="Track2.mp3" OnClick="Track2Mp3_Click"></asp:Button></td>
<td class="Cell" align="right">9 072 KB </td>
<td class="Cell" style="background-color: #F7F7F7">Media File</td>
<td class="Cell">19.8.2004 15:48:51</td>
</tr>
<tr>
<td class="Cell"><asp:Button ID="Track3Mp3" Runat="server" CssClass="UnselectedFile" Text="Track3.mp3" OnClick="Track3Mp3_Click"></asp:Button></td>
<td class="Cell" align="right">11 826 KB </td>
<td class="Cell" style="background-color: #F7F7F7">Media File</td>
<td class="Cell">19.8.2004 15:48:51</td>
</tr>
<tr>
<td style="height: 100%"> </td>
<td style="height: 100%"> </td>
<td style="height: 100%;background-color: #F7F7F7"> </td>
<td style="height: 100%"> </td>
</tr>
</table>
</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 + -