2015-05-19 14:45:47 +08:00
|
|
|
|
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="FineUI.Examples._default" %>
|
|
|
|
|
|
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<head runat="server">
|
|
|
|
|
|
<title>FineUI（开源版）在线示例 - 基于 ExtJS 的开源 ASP.NET 控件库</title>
|
|
|
|
|
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
|
|
|
|
|
<meta name="Title" content="基于 ExtJS 的开源 ASP.NET 控件库(ExtJS based open source ASP.NET Controls)" />
|
|
|
|
|
|
<meta name="Description" content="FineUI 的使命是创建 No JavaScript，No CSS，No UpdatePanel，No ViewState，No WebServices 的网站应用程序" />
|
|
|
|
|
|
<meta name="Keywords" content="开源,ASP.NET,控件库,ExtJS,AJAX,Web2.0" />
|
|
|
|
|
|
<style>
|
|
|
|
|
|
#header {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
padding: 10px 10px 8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#header a.logo {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#header a.title {
|
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
font-size: 24px;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
line-height: 36px;
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#header .themeroller {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 10px;
|
|
|
|
|
|
right: 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#header .themeroller a {
|
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
line-height: 36px;
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#logo {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
bottom: 20px;
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
filter: alpha(opacity=80);
|
|
|
|
|
|
-moz-opacity: 0.8;
|
|
|
|
|
|
opacity: 0.8;
|
|
|
|
|
|
z-index: 100000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.isnew {
|
|
|
|
|
|
color: red;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.bottomtable {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 修正选项卡标题中放置红色[New!]时，底部出现的一行空白线 */
|
|
|
|
|
|
.f-theme-neptune .x-tab .x-tab-inner {
|
|
|
|
|
|
line-height: 16px !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* 主题相关样式 - neptune */
|
|
|
|
|
|
.f-theme-neptune #header,
|
|
|
|
|
|
.f-theme-neptune .bottomtable,
|
|
|
|
|
|
.f-theme-neptune .x-splitter {
|
|
|
|
|
|
background-color: #1475BB;
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.f-theme-neptune #header a,
|
|
|
|
|
|
.f-theme-neptune .bottomtable a {
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* 主题相关样式 - blue */
|
|
|
|
|
|
.f-theme-blue #header,
|
|
|
|
|
|
.f-theme-blue .bottomtable {
|
|
|
|
|
|
background-color: #DFE8F6;
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.f-theme-blue #header a,
|
|
|
|
|
|
.f-theme-blue .bottomtable a {
|
|
|
|
|
|
color: #000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 主题相关样式 - gray */
|
|
|
|
|
|
.f-theme-gray #header,
|
|
|
|
|
|
.f-theme-gray .bottomtable {
|
|
|
|
|
|
background-color: #E0E0E0;
|
|
|
|
|
|
color: #333;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.f-theme-gray #header a,
|
|
|
|
|
|
.f-theme-gray .bottomtable a {
|
|
|
|
|
|
color: #333;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 主题相关样式 - access */
|
|
|
|
|
|
.f-theme-access #header,
|
|
|
|
|
|
.f-theme-access .bottomtable {
|
|
|
|
|
|
background-color: #3F4757;
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.f-theme-access #header a,
|
|
|
|
|
|
.f-theme-access .bottomtable a {
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.f-theme-access .maincontent .x-panel-body {
|
|
|
|
|
|
background-image: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<form id="form1" runat="server">
|
|
|
|
|
|
<f:PageManager ID="PageManager1" AutoSizePanelID="RegionPanel1" runat="server"></f:PageManager>
|
|
|
|
|
|
<f:RegionPanel ID="RegionPanel1" ShowBorder="false" runat="server">
|
|
|
|
|
|
<Regions>
|
|
|
|
|
|
<f:Region ID="Region1" ShowBorder="false" ShowHeader="false"
|
|
|
|
|
|
Position="Top" Layout="Fit" runat="server">
|
|
|
|
|
|
<Content>
|
|
|
|
|
|
<div id="header">
|
|
|
|
|
|
<table>
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td>
|
|
|
|
|
|
<a class="logo" href="http://fineui.com/" title="FineUI首页">
|
|
|
|
|
|
<img src="./res/images/logo/logo2.gif" alt="FineUI Logo" />
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</td>
|
|
|
|
|
|
<td>
|
|
|
|
|
|
<a class="title" href="./default.aspx">FineUI（开源版）在线示例</a>
|
|
|
|
|
|
</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
</table>
|
|
|
|
|
|
<div class="themeroller">
|
|
|
|
|
|
<a href="http://fineui.com/demo_pro" target="_blank" title="转到专业版示例">专业版示例
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</Content>
|
|
|
|
|
|
</f:Region>
|
|
|
|
|
|
<f:Region ID="leftPanel" RegionSplit="true" Width="220px" ShowHeader="true" ShowBorder="true" Title="全部示例"
|
|
|
|
|
|
EnableCollapse="true" Layout="Fit" Collapsed="false" RegionPosition="Left" runat="server">
|
|
|
|
|
|
</f:Region>
|
|
|
|
|
|
<f:Region ID="mainRegion" ShowHeader="false" Layout="Fit" ShowBorder="true" Position="Center"
|
|
|
|
|
|
runat="server">
|
|
|
|
|
|
<Items>
|
|
|
|
|
|
<f:TabStrip ID="mainTabStrip" EnableTabCloseMenu="true" ShowBorder="false" runat="server">
|
|
|
|
|
|
<Tabs>
|
|
|
|
|
|
<f:Tab Title="首页" Layout="Fit" Icon="House" CssClass="maincontent" runat="server">
|
|
|
|
|
|
<Toolbars>
|
|
|
|
|
|
<f:Toolbar runat="server">
|
|
|
|
|
|
<Items>
|
|
|
|
|
|
<f:ToolbarFill ID="ToolbarFill2" runat="server">
|
|
|
|
|
|
</f:ToolbarFill>
|
|
|
|
|
|
<f:Button ID="btnGotoOpenSourceSite" Icon="DiskDownload" Text="下载全部源码" OnClientClick="window.open('http://fineui.codeplex.com/', '_blank');"
|
|
|
|
|
|
EnablePostBack="false" runat="server">
|
|
|
|
|
|
</f:Button>
|
|
|
|
|
|
<f:ToolbarSeparator ID="ToolbarSeparator2" runat="server">
|
|
|
|
|
|
</f:ToolbarSeparator>
|
|
|
|
|
|
<f:Button ID="Button1" Icon="PageGo" Text="论坛交流" OnClientClick="window.open('http://fineui.com/bbs/', '_blank');"
|
|
|
|
|
|
EnablePostBack="false" runat="server">
|
|
|
|
|
|
</f:Button>
|
|
|
|
|
|
</Items>
|
|
|
|
|
|
</f:Toolbar>
|
|
|
|
|
|
</Toolbars>
|
|
|
|
|
|
<Items>
|
|
|
|
|
|
<f:ContentPanel ShowBorder="false" BodyPadding="10px" ShowHeader="false" AutoScroll="true"
|
|
|
|
|
|
runat="server">
|
|
|
|
|
|
<h2>FineUI（开源版）</h2>
|
|
|
|
|
|
基于 ExtJS 的开源 ASP.NET 控件库
|
|
|
|
|
|
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<h2>FineUI的使命</h2>
|
|
|
|
|
|
创建 No JavaScript，No CSS，No UpdatePanel，No ViewState，No WebServices 的网站应用程序
|
|
|
|
|
|
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<h2>支持的浏览器</h2>
|
|
|
|
|
|
Chrome、Firefox、Safari、IE 8.0+
|
|
|
|
|
|
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<h2>授权协议</h2>
|
|
|
|
|
|
Apache License v2.0（ExtJS 库在 <a target="_blank" href="http://www.sencha.com/license">GPL v3</a> 协议下发布）
|
|
|
|
|
|
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<h2>相关链接</h2>
|
|
|
|
|
|
首页：<a target="_blank" href="http://fineui.com/">http://fineui.com/</a>
|
|
|
|
|
|
<br />
|
|
|
|
|
|
论坛：<a target="_blank" href="http://fineui.com/bbs/">http://fineui.com/bbs/</a>
|
|
|
|
|
|
<br />
|
|
|
|
|
|
示例：<a target="_blank" href="http://fineui.com/demo/">http://fineui.com/demo/</a>
|
|
|
|
|
|
<br />
|
|
|
|
|
|
文档：<a target="_blank" href="http://fineui.com/doc/">http://fineui.com/doc/</a>
|
|
|
|
|
|
<br />
|
|
|
|
|
|
下载：<a target="_blank" href="http://fineui.codeplex.com/">http://fineui.codeplex.com/</a>
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
<br />
|
|
|
|
|
|
注：FineUI 不再内置 ExtJS 库，请手工添加 ExtJS 库：<a target="_blank" href="http://fineui.com/bbs/forum.php?mod=viewthread&tid=3218">http://fineui.com/bbs/forum.php?mod=viewthread&tid=3218</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div style="position: fixed; bottom: 30px; right: 10px; text-align: center; border: solid 1px #ddd; padding: 10px; background-color: #efefef;">
|
|
|
|
|
|
<div style="margin-bottom: 5px;">
|
|
|
|
|
|
扫描二维码，关注 FineUI 微信公众号
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<img src="http://fineui.com/images/weixin_fineui.jpg" style="width: 150px;" alert="关注 FineUI 微信公众号">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</f:ContentPanel>
|
|
|
|
|
|
</Items>
|
|
|
|
|
|
</f:Tab>
|
|
|
|
|
|
</Tabs>
|
|
|
|
|
|
</f:TabStrip>
|
|
|
|
|
|
</Items>
|
|
|
|
|
|
</f:Region>
|
|
|
|
|
|
<f:Region ID="bottomPanel" RegionPosition="Bottom" ShowBorder="false" ShowHeader="false" EnableCollapse="false" runat="server" Layout="Fit">
|
|
|
|
|
|
<Items>
|
|
|
|
|
|
<f:ContentPanel runat="server" ShowBorder="false" ShowHeader="false">
|
|
|
|
|
|
<table class="bottomtable">
|
|
|
|
|
|
<tr>
|
|
|
|
|
|
<td style="width: 300px;"> 版本：<a target="_blank" href="http://fineui.com/version">v<asp:Literal runat="server" ID="litVersion"></asp:Literal></a>
|
|
|
|
|
|
<a target="_blank" href="http://wp.qq.com/wpa/qunwpa?idkey=5a98eb42b742a1edaf22826648d5f61bc16ed08e0253976bc8d30f97508c09c7">QQ公开群</a></td>
|
|
|
|
|
|
<td style="text-align: center;">Copyright © 2014 合肥三生石上软件有限公司</td>
|
|
|
|
|
|
<td style="width: 300px; text-align: right;">在线人数：<asp:Literal runat="server" ID="litOnlineUserCount"></asp:Literal> </td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
</table>
|
|
|
|
|
|
</f:ContentPanel>
|
|
|
|
|
|
</Items>
|
|
|
|
|
|
</f:Region>
|
|
|
|
|
|
</Regions>
|
|
|
|
|
|
</f:RegionPanel>
|
|
|
|
|
|
<f:Window ID="windowSourceCode" Icon="PageWhiteCode" Title="源代码" Hidden="true" EnableIFrame="true"
|
|
|
|
|
|
runat="server" IsModal="true" Width="950px" Height="550px" EnableClose="true"
|
|
|
|
|
|
EnableMaximize="true" EnableResize="true">
|
|
|
|
|
|
</f:Window>
|
|
|
|
|
|
<f:Menu ID="menuSettings" runat="server">
|
|
|
|
|
|
<f:MenuButton ID="btnExpandAll" IconUrl="~/res/images/expand-all.gif" Text="展开菜单" EnablePostBack="false"
|
|
|
|
|
|
runat="server">
|
|
|
|
|
|
</f:MenuButton>
|
|
|
|
|
|
<f:MenuButton ID="btnCollapseAll" IconUrl="~/res/images/collapse-all.gif" Text="折叠菜单"
|
|
|
|
|
|
EnablePostBack="false" runat="server">
|
|
|
|
|
|
</f:MenuButton>
|
|
|
|
|
|
<f:MenuSeparator ID="MenuSeparator4" runat="server">
|
|
|
|
|
|
</f:MenuSeparator>
|
|
|
|
|
|
<f:MenuCheckBox runat="server" ID="cbxShowOnlyNew" Text="仅显示最新示例">
|
|
|
|
|
|
</f:MenuCheckBox>
|
|
|
|
|
|
<f:MenuSeparator ID="MenuSeparator1" runat="server">
|
|
|
|
|
|
</f:MenuSeparator>
|
|
|
|
|
|
<f:MenuButton EnablePostBack="false" Text="菜单样式" ID="MenuStyle" runat="server">
|
|
|
|
|
|
<Menu runat="server">
|
|
|
|
|
|
<f:MenuCheckBox Text="树菜单" ID="MenuStyleTree" Checked="true" GroupName="MenuStyle" runat="server">
|
|
|
|
|
|
</f:MenuCheckBox>
|
|
|
|
|
|
<f:MenuCheckBox Text="手风琴+树菜单" ID="MenuStyleAccordion" GroupName="MenuStyle" runat="server">
|
|
|
|
|
|
</f:MenuCheckBox>
|
|
|
|
|
|
</Menu>
|
|
|
|
|
|
</f:MenuButton>
|
|
|
|
|
|
<f:MenuButton EnablePostBack="false" Text="语言" ID="MenuLang" runat="server">
|
|
|
|
|
|
<Menu ID="Menu2" runat="server">
|
|
|
|
|
|
<f:MenuCheckBox Text="简体中文" ID="MenuLangZHCN" Checked="true" GroupName="MenuLang" runat="server">
|
|
|
|
|
|
</f:MenuCheckBox>
|
|
|
|
|
|
<f:MenuCheckBox Text="繁體中文" ID="MenuLangZHTW" GroupName="MenuLang" runat="server">
|
|
|
|
|
|
</f:MenuCheckBox>
|
|
|
|
|
|
<f:MenuCheckBox Text="English" ID="MenuLangEN" GroupName="MenuLang" runat="server">
|
|
|
|
|
|
</f:MenuCheckBox>
|
|
|
|
|
|
</Menu>
|
|
|
|
|
|
</f:MenuButton>
|
|
|
|
|
|
<f:MenuButton ID="MenuTheme" EnablePostBack="false" Text="主题" runat="server">
|
|
|
|
|
|
<Menu ID="Menu4" runat="server">
|
|
|
|
|
|
<f:MenuCheckBox Text="Neptune" ID="MenuThemeNeptune" Checked="true" GroupName="MenuTheme" runat="server">
|
|
|
|
|
|
</f:MenuCheckBox>
|
|
|
|
|
|
<f:MenuCheckBox Text="Blue" ID="MenuThemeBlue" GroupName="MenuTheme" runat="server">
|
|
|
|
|
|
</f:MenuCheckBox>
|
|
|
|
|
|
<f:MenuCheckBox Text="Gray" ID="MenuThemeGray" GroupName="MenuTheme" runat="server">
|
|
|
|
|
|
</f:MenuCheckBox>
|
|
|
|
|
|
<f:MenuCheckBox Text="Access" ID="MenuThemeAccess" GroupName="MenuTheme" runat="server">
|
|
|
|
|
|
</f:MenuCheckBox>
|
|
|
|
|
|
</Menu>
|
|
|
|
|
|
</f:MenuButton>
|
|
|
|
|
|
<f:MenuSeparator ID="MenuSeparator2" runat="server">
|
|
|
|
|
|
</f:MenuSeparator>
|
|
|
|
|
|
<f:MenuHyperLink ID="MenuHyperLink2" runat="server" Text="转到 v3.x 中文示例" NavigateUrl="http://fineui.com/demo_v3/" Target="_blank">
|
|
|
|
|
|
</f:MenuHyperLink>
|
|
|
|
|
|
<f:MenuHyperLink ID="MenuHyperLink1" runat="server" Text="转到 v3.x 英文示例" NavigateUrl="http://fineui.com/demo_en/" Target="_blank">
|
|
|
|
|
|
</f:MenuHyperLink>
|
|
|
|
|
|
<f:MenuSeparator ID="MenuSeparator3" runat="server">
|
|
|
|
|
|
</f:MenuSeparator>
|
|
|
|
|
|
<f:MenuHyperLink ID="MenuHyperLink3" runat="server" Text="转到专业版示例" NavigateUrl="http://fineui.com/demo_pro/" Target="_blank">
|
|
|
|
|
|
</f:MenuHyperLink>
|
|
|
|
|
|
</f:Menu>
|
|
|
|
|
|
<asp:XmlDataSource ID="XmlDataSource1" runat="server" EnableCaching="false" DataFile="~/common/menu.xml"></asp:XmlDataSource>
|
|
|
|
|
|
</form>
|
|
|
|
|
|
<!--
|
|
|
|
|
|
<img src="./res/images/logo/logo3.png" alt="FineUI 图标" id="logo" />
|
|
|
|
|
|
-->
|
|
|
|
|
|
<script src="./res/js/jquery.min.js"></script>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
|
|
var btnExpandAllClientID = '<%= btnExpandAll.ClientID %>';
|
|
|
|
|
|
var btnCollapseAllClientID = '<%= btnCollapseAll.ClientID %>';
|
|
|
|
|
|
var leftPanelClientID = '<%= leftPanel.ClientID %>';
|
|
|
|
|
|
var mainTabStripClientID = '<%= mainTabStrip.ClientID %>';
|
|
|
|
|
|
var windowSourceCodeClientID = '<%= windowSourceCode.ClientID %>';
|
|
|
|
|
|
var menuSettingsClientID = '<%= menuSettings.ClientID %>';
|
|
|
|
|
|
var cbxShowOnlyNewClientID = '<%= cbxShowOnlyNew.ClientID %>';
|
|
|
|
|
|
|
|
|
|
|
|
var MenuStyleClientID = '<%= MenuStyle.ClientID %>';
|
|
|
|
|
|
var MenuLangClientID = '<%= MenuLang.ClientID %>';
|
|
|
|
|
|
var MenuThemeClientID = '<%= MenuTheme.ClientID %>';
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
F.ready(function () {
|
|
|
|
|
|
var btnExpandAll = F(btnExpandAllClientID);
|
|
|
|
|
|
var btnCollapseAll = F(btnCollapseAllClientID);
|
|
|
|
|
|
var leftPanel = F(leftPanelClientID);
|
|
|
|
|
|
var mainTabStrip = F(mainTabStripClientID);
|
|
|
|
|
|
var windowSourceCode = F(windowSourceCodeClientID);
|
|
|
|
|
|
var menuSettings = F(menuSettingsClientID);
|
|
|
|
|
|
var cbxShowOnlyNew = F(cbxShowOnlyNewClientID);
|
|
|
|
|
|
|
|
|
|
|
|
var MenuStyle = F(MenuStyleClientID);
|
|
|
|
|
|
var MenuLang = F(MenuLangClientID);
|
|
|
|
|
|
var MenuTheme = F(MenuThemeClientID);
|
|
|
|
|
|
|
|
|
|
|
|
var mainMenu = leftPanel.items.getAt(0);
|
|
|
|
|
|
var menuType = 'accordion';
|
|
|
|
|
|
if (mainMenu.isXType('treepanel')) {
|
|
|
|
|
|
menuType = 'menu';
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 当前展开的手风琴面板
|
|
|
|
|
|
function getExpandedPanel() {
|
|
|
|
|
|
var panel = null;
|
|
|
|
|
|
mainMenu.items.each(function (item) {
|
|
|
|
|
|
if (!item.getCollapsed()) {
|
|
|
|
|
|
panel = item;
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
return panel;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 点击展开菜单
|
|
|
|
|
|
btnExpandAll.on('click', function () {
|
|
|
|
|
|
if (menuType == 'menu') {
|
|
|
|
|
|
// 左侧为树控件
|
|
|
|
|
|
mainMenu.expandAll();
|
|
|
|
|
|
} else {
|
|
|
|
|
|
// 左侧为树控件+手风琴控件
|
|
|
|
|
|
var expandedPanel = getExpandedPanel();
|
|
|
|
|
|
if (expandedPanel) {
|
|
|
|
|
|
expandedPanel.items.getAt(0).expandAll();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
// 点击折叠菜单
|
|
|
|
|
|
btnCollapseAll.on('click', function () {
|
|
|
|
|
|
if (menuType == 'menu') {
|
|
|
|
|
|
// 左侧为树控件
|
|
|
|
|
|
mainMenu.collapseAll();
|
|
|
|
|
|
} else {
|
|
|
|
|
|
// 左侧为树控件+手风琴控件
|
|
|
|
|
|
var expandedPanel = getExpandedPanel();
|
|
|
|
|
|
if (expandedPanel) {
|
|
|
|
|
|
expandedPanel.items.getAt(0).collapseAll();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
// 点击仅显示最新示例
|
|
|
|
|
|
cbxShowOnlyNew.on('click', function () {
|
|
|
|
|
|
var checked = this.checked;
|
|
|
|
|
|
if (checked) {
|
|
|
|
|
|
F.cookie('ShowOnlyNew_v4', checked, {
|
|
|
|
|
|
expires: 100 // 单位：天
|
|
|
|
|
|
});
|
|
|
|
|
|
} else {
|
|
|
|
|
|
F.removeCookie('ShowOnlyNew_v4');
|
|
|
|
|
|
}
|
|
|
|
|
|
top.window.location.reload();
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
// 点击菜单样式
|
|
|
|
|
|
function MenuStyleItemCheckChange(cmp, checked) {
|
|
|
|
|
|
if (checked) {
|
|
|
|
|
|
var menuStyle = 'accordion';
|
|
|
|
|
|
if (cmp.id.indexOf('MenuStyleTree') >= 0) {
|
|
|
|
|
|
menuStyle = 'tree';
|
|
|
|
|
|
}
|
|
|
|
|
|
F.cookie('MenuStyle_v4', menuStyle, {
|
|
|
|
|
|
expires: 100 // 单位：天
|
|
|
|
|
|
});
|
|
|
|
|
|
top.window.location.reload();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
MenuStyle.menu.items.each(function (item, index) {
|
|
|
|
|
|
item.on('checkchange', MenuStyleItemCheckChange);
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 切换语言
|
|
|
|
|
|
function MenuLangItemCheckChange(cmp, checked) {
|
|
|
|
|
|
if (checked) {
|
|
|
|
|
|
var lang = 'en';
|
|
|
|
|
|
if (cmp.id.indexOf('MenuLangZHCN') >= 0) {
|
|
|
|
|
|
lang = 'zh_CN';
|
|
|
|
|
|
} else if (cmp.id.indexOf('MenuLangZHTW') >= 0) {
|
|
|
|
|
|
lang = 'zh_TW';
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
F.cookie('Language_v4', lang, {
|
|
|
|
|
|
expires: 100 // 单位：天
|
|
|
|
|
|
});
|
|
|
|
|
|
top.window.location.reload();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
MenuLang.menu.items.each(function (item, index) {
|
|
|
|
|
|
item.on('checkchange', MenuLangItemCheckChange);
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 切换主题
|
|
|
|
|
|
function MenuThemeItemCheckChange(cmp, checked) {
|
|
|
|
|
|
if (checked) {
|
|
|
|
|
|
var lang = 'neptune';
|
|
|
|
|
|
if (cmp.id.indexOf('MenuThemeBlue') >= 0) {
|
|
|
|
|
|
lang = 'blue';
|
|
|
|
|
|
} else if (cmp.id.indexOf('MenuThemeGray') >= 0) {
|
|
|
|
|
|
lang = 'gray';
|
|
|
|
|
|
} else if (cmp.id.indexOf('MenuThemeAccess') >= 0) {
|
|
|
|
|
|
lang = 'access';
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
F.cookie('Theme_v4', lang, {
|
|
|
|
|
|
expires: 100 // 单位：天
|
|
|
|
|
|
});
|
|
|
|
|
|
top.window.location.reload();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
MenuTheme.menu.items.each(function (item, index) {
|
|
|
|
|
|
item.on('checkchange', MenuThemeItemCheckChange);
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function createToolbar(tabConfig) {
|
|
|
|
|
|
|
|
|
|
|
|
// 由工具栏上按钮获得当前标签页中的iframe节点
|
|
|
|
|
|
function getCurrentIFrameNode(btn) {
|
|
|
|
|
|
return $('#' + btn.id).parents('.f-tab').find('iframe');
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
var sourcecodeButton = new Ext.Button({
|
|
|
|
|
|
text: '源代码',
|
|
|
|
|
|
type: 'button',
|
|
|
|
|
|
icon: './res/icon/page_white_code.png',
|
|
|
|
|
|
listeners: {
|
|
|
|
|
|
click: function () {
|
|
|
|
|
|
var iframeNode = getCurrentIFrameNode(this);
|
|
|
|
|
|
var iframeWnd = iframeNode[0].contentWindow
|
|
|
|
|
|
|
|
|
|
|
|
var files = [iframeNode.attr('src')];
|
|
|
|
|
|
var sourcefilesNode = $(iframeWnd.document).find('head meta[name=sourcefiles]');
|
|
|
|
|
|
if (sourcefilesNode.length) {
|
|
|
|
|
|
$.merge(files, sourcefilesNode.attr('content').split(';'));
|
|
|
|
|
|
}
|
|
|
|
|
|
windowSourceCode.f_show('./common/source.aspx?files=' + encodeURIComponent(files.join(';')));
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
var openNewWindowButton = new Ext.Button({
|
|
|
|
|
|
text: '新标签页中打开',
|
|
|
|
|
|
type: 'button',
|
|
|
|
|
|
icon: './res/icon/tab_go.png',
|
|
|
|
|
|
listeners: {
|
|
|
|
|
|
click: function () {
|
|
|
|
|
|
var iframeNode = getCurrentIFrameNode(this);
|
|
|
|
|
|
window.open(iframeNode.attr('src'), '_blank');
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
var refreshButton = new Ext.Button({
|
|
|
|
|
|
text: '刷新',
|
|
|
|
|
|
type: 'button',
|
|
|
|
|
|
icon: './res/icon/reload.png',
|
|
|
|
|
|
listeners: {
|
|
|
|
|
|
click: function () {
|
|
|
|
|
|
var iframeNode = getCurrentIFrameNode(this);
|
|
|
|
|
|
iframeNode[0].contentWindow.location.reload();
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
var toolbar = new Ext.Toolbar({
|
|
|
|
|
|
items: ['->', sourcecodeButton, '-', refreshButton, '-', openNewWindowButton]
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
tabConfig['tbar'] = toolbar;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 初始化主框架中的树(或者Accordion+Tree)和选项卡互动，以及地址栏的更新
|
|
|
|
|
|
// treeMenu： 主框架中的树控件实例，或者内嵌树控件的手风琴控件实例
|
|
|
|
|
|
// mainTabStrip： 选项卡实例
|
|
|
|
|
|
// createToolbar： 创建选项卡前的回调函数（接受tabConfig参数）
|
|
|
|
|
|
// updateLocationHash: 切换Tab时，是否更新地址栏Hash值
|
|
|
|
|
|
// refreshWhenExist： 添加选项卡时，如果选项卡已经存在，是否刷新内部IFrame
|
|
|
|
|
|
// refreshWhenTabChange: 切换选项卡时，是否刷新内部IFrame
|
|
|
|
|
|
F.util.initTreeTabStrip(mainMenu, mainTabStrip, createToolbar, true, false, false);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 添加示例标签页
|
|
|
|
|
|
window.addExampleTab = function (id, url, text, icon, refreshWhenExist) {
|
|
|
|
|
|
// 动态添加一个标签页
|
|
|
|
|
|
// mainTabStrip： 选项卡实例
|
|
|
|
|
|
// id： 选项卡ID
|
|
|
|
|
|
// url: 选项卡IFrame地址
|
|
|
|
|
|
// text： 选项卡标题
|
|
|
|
|
|
// icon： 选项卡图标
|
|
|
|
|
|
// addTabCallback： 创建选项卡前的回调函数（接受tabConfig参数）
|
|
|
|
|
|
// refreshWhenExist： 添加选项卡时，如果选项卡已经存在，是否刷新内部IFrame
|
|
|
|
|
|
F.util.addMainTab(mainTabStrip, id, url, text, icon, null, refreshWhenExist);
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
// 移除选中标签页
|
|
|
|
|
|
window.removeActiveTab = function () {
|
|
|
|
|
|
var activeTab = mainTabStrip.getActiveTab();
|
|
|
|
|
|
mainTabStrip.removeTab(activeTab.id);
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 添加工具图标，并在点击时显示上下文菜单
|
|
|
|
|
|
leftPanel.addTool({
|
|
|
|
|
|
type: 'gear',
|
|
|
|
|
|
//tooltip: '系统设置',
|
|
|
|
|
|
handler: function (event) {
|
|
|
|
|
|
menuSettings.showBy(this);
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
