Upgrade to ExtJS 4.0.1 - Released 05/18/2011
[extjs.git] / docs / index.html
index b7ce82b..5f34509 100644 (file)
-<html lang="en" xmlns:ext="http://extjs.com/docs">
+<!DOCTYPE html>
+<html>
 <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <title>Ext 3.1 - API Documentation</title>
-    <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
-    <link rel="stylesheet" type="text/css" href="resources/docs.css" />
-       <link rel="stylesheet" type="text/css" href="resources/style.css" />    
-       <style type="text/css">
-               </style>
-       <!-- GC -->
+  <title>Ext JS API</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <link rel="shortcut icon" type="image/ico" href="favicon.ico" />
+  <link rel="stylesheet" href="resources/css/reset.css" type="text/css" />
+  <link rel="stylesheet" href="resources/css/docs-ext.css" type="text/css" />
+  <link rel="stylesheet" href="resources/css/style.css" type="text/css" />
+  <link rel="stylesheet" href="resources/css/scrollbars.css" type="text/css" />
+  <link rel="stylesheet" href="prettify/prettify.css" type="text/css" />
+  <!--[if IE]>
+    <link rel="stylesheet" href="resources/css/ie.css" type="text/css" />
+  <![endif]-->  
 </head>
-<body scroll="no" id="docs">
-  <div id="loading-mask" style=""></div>
-  <div id="loading">
-    <div class="loading-indicator"><img src="resources/extanim32.gif" width="32" height="32" style="margin-right:8px;" align="absmiddle"/>Loading...</div>
+<body id="ext-body" class="iScroll">
+  <div id="notice" class="notice">
+    For up to date documentation and features, visit <a href="http://docs.sencha.com/ext-js/4-0">http://docs.sencha.com/ext-js/4-0</a>
   </div>
-    <!-- include everything after the loading indicator -->
-    <script type="text/javascript" src="resources/ext-base.js"></script>
-    <script type="text/javascript" src="resources/ext-all.js"></script>
-    <script type="text/javascript" src="resources/TabCloseMenu.js"></script>
 
-    <script type="text/javascript" src="resources/docs.js"></script>
-       <script type="text/javascript" src="output/tree.js"></script>
+  <div class="wrapper">
+    <div class="head-band"></div>
 
-  <div id="header">
-       <a href="http://extjs.com" style="float:right;margin-right:10px;"><img src="resources/extjs.gif" style="width:83px;height:24px;margin-top:1px;"/></a>
+    <div class="header">
+      <h2><a href="index.html">Sencha Documentation</a></h2>
+    </div>
 
-       <div class="api-title">Ext 3.1 - API Documentation</div>
+    <div id="search">
+      <form>
+        <input type="text" placeholder="Search" id="search-field" autocomplete="off" name="q" />
+      </form>
+
+      <div id="search-box"></div>
+    </div>
+
+    <div id="treePanel"></div>
+
+    <div id="container">
+      <div id="top-block">
+        <h1>Ext JS 4.0 API Documentation</h1>
+      </div>
+
+      <div id="docContent" class="iScroll">
+
+        <div id="api-overview" class="piechartLinks">
+
+          <div class="legend icons">
+            <h4>Legend</h4>
+            <ul>
+              <li class="icn icon-pkg">Package</li>
+              <li class="icn icon-class">Class</li>
+              <li class="icn icon-singleton">Singleton</li>
+              <li class="icn icon-component">Component</li>
+              <li class="icn icon-book">Guide</li>
+            </ul>
+          </div>
+
+          <div class="legend guides">
+            <h4>Guides</h4>
+            <div class="lft">
+              <a href="guides/getting_started/index.html" class="getting_started">Getting Started</a>
+              <a href="guides/class_system/index.html" class="class_system">Class System</a>
+              <a href="guides/application_architecture/index.html" class="application_architecture">MVC Architecture</a>
+              <a href="guides/layouts_and_containers/index.html" class="layouts_and_containers">Layouts and Containers</a>
+            </div>
+            <div class="mid">
+              <a href="guides/data/index.html" class="data">Data</a>
+              <a href="guides/grid/index.html" class="grid">Grids</a>
+              <a href="guides/tree/index.html" class="tree">Trees</a>
+              <a href="guides/drawing_and_charting/index.html" class="drawing_and_charting">Charts</a>
+            </div>
+            <div class="right">
+              <a href="guides/components/index.html" class="components">Components</a>
+              <a href="guides/theming/index.html" class="theming">Theming</a>
+              <a href="guides/direct/index.html" class="direct">Direct</a>
+              <a href="guides/accessibility/index.html" class="accessibility">Accessibility</a>
+            </div>
+          </div>
+
+        </div>
+
+        <div id="api-guide"></div>
+
+        <div id="api-class"></div>
+
+      </div>
+
+      <div style="clear: both"></div>
+    </div>
   </div>
 
-  <div id="classes"></div>
+  <form id="history-form" class="x-hide-display">
+    <input type="hidden" id="x-history-field" />
+    <iframe id="x-history-frame"></iframe>
+  </form>
+
+  <script type="text/javascript" src="extjs/ext-all.js"></script>
+  <script type="text/javascript" src="prettify/prettify.js"></script>
+  <script type="text/javascript">
+    Docs = {};
+  </script>
+  <script type="text/javascript" src="output/tree.js"></script>
+  <script type="text/javascript" src="output/members.js"></script>
+  <script type="text/javascript" src="output/overviewData.js"></script>
+
+  <script type="text/javascript" src="js/App.js"></script>
+  <script type="text/javascript" src="js/ClassLoader.js"></script>
+  <script type="text/javascript" src="js/History.js"></script>
+  <script type="text/javascript" src="js/PageHeader.js"></script>
+  <script type="text/javascript" src="js/ClassTree.js"></script>
+  <script type="text/javascript" src="js/OverviewPanel.js"></script>
+  <script type="text/javascript" src="js/OverviewToolbar.js"></script>
+  <script type="text/javascript" src="js/ClassPanel.js"></script>
+  <script type="text/javascript" src="js/Guides.js"></script>
 
-  <div id="main"></div>
-  <select id="search-options" style="display:none">
-    <option>Starts with</option>
-    <option>Ends with</option>
-    <option>Any Match</option>
-</select>
-  </body>
-</html>
\ No newline at end of file
+  <script type="text/javascript" src="js/search.js"></script>
+  <script type="text/javascript" src="js/init.js"></script>
+</body>
+</html>