FineUI/FineUI.Examples/default.aspx

170 lines
13 KiB
Plaintext
Raw Normal View History

2013-11-01 14:13:51 +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 控件库,拥有原生的 AJAX 支持和华丽的UI效果 (ExtJS based ASP.NET Controls with native AJAX Support and rich UI effects)" />
<meta name="Description" content="FineUI 的使命是创建 No JavaScriptNo CSSNo UpdatePanelNo ViewStateNo WebServices 的网站应用程序" />
<meta name="Keywords" content="extjs,ext,asp.net,control,asp.net 2.0,ajax,web2.0" />
<link href="css/default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<x:PageManager ID="PageManager1" AutoSizePanelID="RegionPanel1" runat="server"></x:PageManager>
<x:RegionPanel ID="RegionPanel1" ShowBorder="false" runat="server">
<Regions>
<x:Region ID="Region1" Margins="0 0 0 0" ShowBorder="false" Height="50px" ShowHeader="false"
Position="Top" Layout="Fit" runat="server">
<Items>
<x:ContentPanel ShowBorder="false" CssClass="jumbotron" ShowHeader="false" ID="ContentPanel1"
runat="server">
<div class="title">
<a href="http://fineui.com/" title="FineUI首页" class="logo">
<img src="./images/logo/logo2.gif" alt="FineUI Logo" /></a>
<a href="./default.aspx">FineUI在线示例</a>
</div>
<div class="config">
<x:Button ID="Button2" EnablePostBack="false" Icon="Cog" Text="设置" runat="server">
<Menu ID="Menu1" runat="server">
<x:MenuButton ID="btnExpandAll" IconUrl="~/images/expand-all.gif" Text="展开菜单" EnablePostBack="false"
runat="server">
</x:MenuButton>
<x:MenuButton ID="btnCollapseAll" IconUrl="~/images/collapse-all.gif" Text="折叠菜单"
EnablePostBack="false" runat="server">
</x:MenuButton>
<x:MenuSeparator ID="MenuSeparator1" runat="server">
</x:MenuSeparator>
<x:MenuButton EnablePostBack="false" Text="菜单样式" ID="MenuStyle" runat="server">
<Menu ID="Menu3" runat="server">
<x:MenuCheckBox Text="树菜单" ID="MenuStyleTree" Checked="true" GroupName="MenuStyle"
AutoPostBack="true" OnCheckedChanged="MenuStyle_CheckedChanged" runat="server">
</x:MenuCheckBox>
<x:MenuCheckBox Text="手风琴+树菜单" ID="MenuStyleAccordion" GroupName="MenuStyle" AutoPostBack="true"
OnCheckedChanged="MenuStyle_CheckedChanged" runat="server">
</x:MenuCheckBox>
</Menu>
</x:MenuButton>
<x:MenuButton EnablePostBack="false" Text="语言" ID="MenuLang" runat="server">
<Menu ID="Menu2" runat="server">
<x:MenuCheckBox Text="简体中文" ID="MenuLangZHCN" Checked="true" GroupName="MenuLang"
AutoPostBack="true" OnCheckedChanged="MenuLang_CheckedChanged" runat="server">
</x:MenuCheckBox>
<x:MenuCheckBox Text="繁體中文" ID="MenuLangZHTW" GroupName="MenuLang" AutoPostBack="true"
OnCheckedChanged="MenuLang_CheckedChanged" runat="server">
</x:MenuCheckBox>
<x:MenuCheckBox Text="English" ID="MenuLangEN" GroupName="MenuLang" AutoPostBack="true"
OnCheckedChanged="MenuLang_CheckedChanged" runat="server">
</x:MenuCheckBox>
</Menu>
</x:MenuButton>
<x:MenuButton ID="MenuTheme" EnablePostBack="false" Text="主题" runat="server">
<Menu ID="Menu4" runat="server">
<x:MenuCheckBox Text="Neptune" ID="MenuThemeNeptune" Checked="true" GroupName="MenuTheme"
AutoPostBack="true" OnCheckedChanged="MenuTheme_CheckedChanged" runat="server">
</x:MenuCheckBox>
<x:MenuCheckBox Text="Blue" ID="MenuThemeBlue" GroupName="MenuTheme"
AutoPostBack="true" OnCheckedChanged="MenuTheme_CheckedChanged" runat="server">
</x:MenuCheckBox>
<x:MenuCheckBox Text="Gray" ID="MenuThemeGray" GroupName="MenuTheme" AutoPostBack="true"
OnCheckedChanged="MenuTheme_CheckedChanged" runat="server">
</x:MenuCheckBox>
<x:MenuCheckBox Text="Access" ID="MenuThemeAccess" GroupName="MenuTheme" AutoPostBack="true"
OnCheckedChanged="MenuTheme_CheckedChanged" runat="server">
</x:MenuCheckBox>
</Menu>
</x:MenuButton>
<x:MenuSeparator ID="MenuSeparator2" runat="server">
</x:MenuSeparator>
<x:MenuHyperLink runat="server" Text="转到英文示例" NavigateUrl="http://fineui.com/demo_en/" Target="_blank"></x:MenuHyperLink>
</Menu>
</x:Button>
</div>
</x:ContentPanel>
</Items>
</x:Region>
<x:Region ID="Region2" Split="true" Width="200px" ShowHeader="true" Title="示例菜单"
EnableCollapse="true" Layout="Fit" Position="Left" runat="server">
</x:Region>
<x:Region ID="mainRegion" ShowHeader="false" Layout="Fit" Margins="0 0 0 0" Position="Center"
runat="server">
<Items>
<x:TabStrip ID="mainTabStrip" EnableTabCloseMenu="true" EnableFrame="false" ShowBorder="false" runat="server">
<Tabs>
<x:Tab Title="首页" Layout="Fit" Icon="House" CssClass="maincontent" runat="server">
<Toolbars>
<x:Toolbar runat="server">
<Items>
<x:ToolbarFill ID="ToolbarFill2" runat="server">
</x:ToolbarFill>
<x:Button ID="btnGotoOpenSourceSite" Icon="DiskDownload" Text="下载全部示例" OnClientClick="window.open('http://fineui.codeplex.com/', '_blank');"
EnablePostBack="false" runat="server">
</x:Button>
<x:ToolbarSeparator ID="ToolbarSeparator1" runat="server">
</x:ToolbarSeparator>
<x:Button Icon="PageGo" Text="官网首页" EnablePostBack="false" OnClientClick="window.open('http://fineui.com/', '_blank');"
runat="server">
</x:Button>
<x:ToolbarSeparator ID="ToolbarSeparator2" runat="server">
</x:ToolbarSeparator>
<x:Button ID="Button1" Icon="PageGo" Text="论坛交流" OnClientClick="window.open('http://fineui.com/bbs/', '_blank');"
EnablePostBack="false" runat="server">
</x:Button>
</Items>
</x:Toolbar>
</Toolbars>
<Items>
<x:ContentPanel ShowBorder="false" BodyPadding="10px" ShowHeader="false" AutoScroll="true"
runat="server">
<h2>关于FineUI</h2>
基于 ExtJS 的专业 ASP.NET 控件库。
<br />
<h2>FineUI的使命</h2>
创建 No JavaScriptNo CSSNo UpdatePanelNo ViewStateNo WebServices 的网站应用程序。
<br />
<h2>支持的浏览器</h2>
IE 7.0+、Firefox 3.6+、Chrome 3.0+、Opera 10.5+、Safari 3.0+
<br />
<h2>授权协议</h2>
Apache License v2.0ExtJS 库在 <a target="_blank" href="http://www.sencha.com/license">GPL v3</a> 协议下发布)
<br />
<h2>相关链接</h2>
首页:<a target="_blank" style="font-weight: bold;" 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>
</x:ContentPanel>
</Items>
</x:Tab>
</Tabs>
</x:TabStrip>
</Items>
</x:Region>
</Regions>
</x:RegionPanel>
<x:Window ID="windowSourceCode" Icon="PageWhiteCode" Title="源代码" Hidden="true" EnableIFrame="true"
runat="server" IsModal="true" Width="950px" Height="550px" EnableClose="true"
EnableMaximize="true" EnableResize="true">
</x:Window>
<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/common/menu.xml"></asp:XmlDataSource>
</form>
<img src="images/logo/logo3.png" alt="FineUI 图标" id="logo" />
<script src="./js/default.js" type="text/javascript"></script>
</body>
</html>