📄 main3.aspx
字号:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Main3.aspx.cs" Inherits="Main3" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>电子邮件系统主页面</title>
<script type="text/javascript">
var djConfig = {isDebug: false};
</script>
<script type="text/javascript" src="dojo/dojo.js"></script>
<script type="text/javascript">
dojo.require("dojo.io.*");
dojo.require("dojo.widget.Tree");
dojo.require("dojo.widget.LayoutContainer");
dojo.require("dojo.widget.ContentPane");
dojo.require("dojo.widget.SplitContainer");
dojo.require("dojo.widget.TreeSelector");
</script>
<link rel="stylesheet" href="css/global.css" type="text/css" />
<link rel="stylesheet" href="css/mail.css" type="text/css" />
</head>
<body>
<!-- TreeSelector Widget:用于发布树形菜单的相关事件 -->
<div dojotype="TreeSelector" eventnames="select:listSelected" widgetid="treeSelector">
</div>
<!-- 主页面布局容器 -->
<div dojotype="LayoutContainer" layoutchildpriority="top-bottom" id="main">
<!-- 用于显示工具条的内容面板 -->
<div id="topMenu" dojotype="ContentPane" layoutalign="top" class="header" style="padding-bottom: 5px;">
</div>
<!-- 带有分割线的容器,水平方向分隔 -->
<div dojotype="SplitContainer" orientation="horizontal" sizerwidth="5" activesizing="0"
layoutalign="client">
<!-- 树形菜单 -->
<div id="treePane" dojotype="Tree" toggle="wipe" toggleduration="500" sizemin="20"
selector="treeSelector" sizeshare="15">
<!-- 根节点："邮件帐户"节点 -->
<div dojotype="TreeNode" title="邮件帐户" childiconsrc="images/root.gif" oniconclick="alert('ok')">
<!-- "收件箱"子节点 -->
<div dojotype="TreeNode" title="收件箱" childiconsrc="images/inbox.gif">
</div>
<!-- "已发送邮件"子节点 -->
<div dojotype="TreeNode" title="已发送邮件" childiconsrc="images/sent-items.gif">
</div>
<!-- "已删除邮件"子节点 -->
<div dojotype="TreeNode" title="已删除邮件" childiconsrc="images/deleted.gif">
</div>
</div>
</div>
<!-- 带有分割线的容器,垂直方向分隔 -->
<div dojotype="SplitContainer" orientation="vertical" sizerwidth="5" activesizing="0"
style="width: 100%; height: 100%;" sizemin="50" sizeshare="85">
<!-- 上方内容面板,用于显示邮件列表 -->
<div id="listPane" dojotype="ContentPane" sizemin="20" sizeshare="20" style="padding: 0">
</div>
<!-- 下方内容面板,用于显示邮件内容 -->
<div id="contentPane" dojotype="ContentPane" sizemin="20" sizeshare="80" style="padding: 5px">
</div>
</div>
</div>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -