1 | <html> |
---|
2 | <head> |
---|
3 | <title>Ext JS 2.2.1 Samples</title> |
---|
4 | |
---|
5 | <style type="text/css"> |
---|
6 | #all-demos { |
---|
7 | |
---|
8 | } |
---|
9 | #all-demos dd { |
---|
10 | float:left; |
---|
11 | width:300px; |
---|
12 | height:100px; |
---|
13 | margin:5px 5px 5px 10px; |
---|
14 | cursor:pointer; |
---|
15 | zoom:1; |
---|
16 | } |
---|
17 | #all-demos dd img { |
---|
18 | width:120px; |
---|
19 | height:90px; |
---|
20 | margin:5px 0 0 5px; |
---|
21 | float:left; |
---|
22 | } |
---|
23 | |
---|
24 | #all-demos dd div { |
---|
25 | float:left; |
---|
26 | width:160px; |
---|
27 | margin-left:10px; |
---|
28 | } |
---|
29 | |
---|
30 | #all-demos dd h4 { |
---|
31 | font-family:tahoma,arial,san-serif; |
---|
32 | color:#555; |
---|
33 | font-size:11px; |
---|
34 | font-weight:bold; |
---|
35 | } |
---|
36 | #all-demos dd p { |
---|
37 | color:#777; |
---|
38 | } |
---|
39 | #all-demos dd.over { |
---|
40 | background: #F5FDE3 url(shared/extjs/images/sample-over.gif) no-repeat; |
---|
41 | } |
---|
42 | #loading-mask{ |
---|
43 | position:absolute; |
---|
44 | left:0; |
---|
45 | top:0; |
---|
46 | width:100%; |
---|
47 | height:100%; |
---|
48 | z-index:20000; |
---|
49 | background-color:white; |
---|
50 | } |
---|
51 | #loading{ |
---|
52 | position:absolute; |
---|
53 | left:45%; |
---|
54 | top:40%; |
---|
55 | padding:2px; |
---|
56 | z-index:20001; |
---|
57 | height:auto; |
---|
58 | } |
---|
59 | #loading a { |
---|
60 | color:#225588; |
---|
61 | } |
---|
62 | #loading .loading-indicator{ |
---|
63 | background:white; |
---|
64 | color:#444; |
---|
65 | font:bold 13px tahoma,arial,helvetica; |
---|
66 | padding:10px; |
---|
67 | margin:0; |
---|
68 | height:auto; |
---|
69 | } |
---|
70 | #loading-msg { |
---|
71 | font: normal 10px arial,tahoma,sans-serif; |
---|
72 | } |
---|
73 | |
---|
74 | #all-demos .x-panel-body { |
---|
75 | background-color:#fff; |
---|
76 | border:1px solid; |
---|
77 | border-color:#fafafa #fafafa #fafafa #fafafa; |
---|
78 | } |
---|
79 | #sample-ct { |
---|
80 | border:1px solid; |
---|
81 | border-color:#dadada #ebebeb #ebebeb #dadada; |
---|
82 | padding:2px; |
---|
83 | } |
---|
84 | |
---|
85 | #all-demos h2 { |
---|
86 | border-bottom: 2px solid #99bbe8; |
---|
87 | cursor:pointer; |
---|
88 | padding-top:6px; |
---|
89 | } |
---|
90 | #all-demos h2 div { |
---|
91 | background:transparent url(../resources/images/default/grid/group-expand-sprite.gif) no-repeat 3px -47px; |
---|
92 | padding:4px 4px 4px 17px; |
---|
93 | color:#3764a0; |
---|
94 | font:bold 11px tahoma, arial, helvetica, sans-serif; |
---|
95 | } |
---|
96 | #all-demos .collapsed h2 div { |
---|
97 | background-position: 3px 3px; |
---|
98 | } |
---|
99 | #all-demos .collapsed dl { |
---|
100 | display:none; |
---|
101 | } |
---|
102 | .x-window { |
---|
103 | text-align:left; |
---|
104 | } |
---|
105 | </style> |
---|
106 | </head> |
---|
107 | <body> |
---|
108 | <div id="loading-mask" style=""></div> |
---|
109 | <div id="loading"> |
---|
110 | <div class="loading-indicator"><img src="shared/extjs/images/extanim32.gif" width="32" height="32" style="margin-right:8px;float:left;vertical-align:top;"/>Ext 2.2 - <a href="http://extjs.com">extjs.com</a><br /><span id="loading-msg">Loading styles and images...</span></div> |
---|
111 | </div> |
---|
112 | |
---|
113 | <div id="viewport"> |
---|
114 | |
---|
115 | <div id="hd"> |
---|
116 | <h1><a href="http://extjs.com/" title="Home"><span>Ext</span></a></h1> |
---|
117 | |
---|
118 | <table cellspacing="0" class="nav main-nav"> |
---|
119 | <tr> |
---|
120 | <td><a id="home-link" href="http://extjs.com/"><span>Home</span></a></td><td class="active"><a id="products-link" href="http://extjs.com/products"><span>Products</span></a></td><td><a id="support-link" href="http://extjs.com/support"><span>Support</span></a></td><td><a id="jobs-link" href="http://jobs.extjs.com"><span>Jobs</span></a></td><td><a id="company-link" href="http://extjs.com/company"><span>Company</span></a></td><td><a id="blog-link" href="http://extjs.com/blog"><span>Blog</span></a></td><td><a id="store-link" href="http://extjs.com/store"><span>Store</span></a></td> </tr> |
---|
121 | </table> |
---|
122 | |
---|
123 | |
---|
124 | <table cellspacing="0" class="sub-nav"> |
---|
125 | <tr> |
---|
126 | <td><a href="http://extjs.com/">Home</a></td><td class="spacer"><img src="shared/extjs/images/c-sep.gif"></td><td><a href="http://extjs.com/products">Products</a></td><td class="spacer"><img src="shared/extjs/images/c-sep.gif"></td><td><a href="http://extjs.com/products/extjs/">Ext JS</a></td><td class="spacer"><img src="shared/extjs/images/c-sep.gif"></td><td>2.2 Samples</td></tr> |
---|
127 | </table> |
---|
128 | </div> |
---|
129 | |
---|
130 | <div id="bd"> |
---|
131 | <div class="left-column"> |
---|
132 | <h3>Ext JS 2.2 Samples</h3> |
---|
133 | <br/> |
---|
134 | <div id="sample-spacer" style="height:800px;"></div> |
---|
135 | |
---|
136 | <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" /> |
---|
137 | <!--link rel="stylesheet" type="text/css" href="../resources/css/xtheme-gray.css" /--> |
---|
138 | <link rel="stylesheet" type="text/css" href="shared/extjs/css/extjs.css" /> |
---|
139 | |
---|
140 | <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading Core API...';</script> |
---|
141 | <script type="text/javascript" src="../adapter/ext/ext-base.js"></script> |
---|
142 | <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading UI Components...';</script> |
---|
143 | <script type="text/javascript" src="../ext-all.js"></script> |
---|
144 | <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Initializing...';</script> |
---|
145 | |
---|
146 | <script type="text/javascript" src="shared/extjs/site.js"></script> |
---|
147 | <script type="text/javascript" src="samples.js"></script> |
---|
148 | |
---|
149 | <div id="all-demos"> |
---|
150 | </div> |
---|
151 | |
---|
152 | </div> |
---|
153 | |
---|
154 | <div class="right-column" style="padding-top:45px;"> |
---|
155 | |
---|
156 | <div class="side-box"><div class="side-box-inner"> |
---|
157 | <ul id="sample-menu" class="features"></ul> |
---|
158 | </div></div> |
---|
159 | </div> |
---|
160 | |
---|
161 | <div style="clear:both"></div> |
---|
162 | </div><!-- end bd --> |
---|
163 | |
---|
164 | <div id="ft"> |
---|
165 | <table cellspacing="0" class="nav"> |
---|
166 | <tr> |
---|
167 | <td><a id="home-foot-link" href="http://extjs.com/">Home</a></td><td class="active"><a id="products-foot-link" href="http://extjs.com/products">Products</a></td><td><a id="support-foot-link" href="http://extjs.com/support">Support</a></td><td><a id="jobs-foot-link" href="http://jobs.extjs.com">Jobs</a></td><td><a id="company-foot-link" href="http://extjs.com/company">Company</a></td><td><a id="blog-foot-link" href="http://extjs.com/blog">Blog</a></td><td><a id="store-foot-link" href="http://extjs.com/store">Store</a></td> </tr> |
---|
168 | |
---|
169 | </table> |
---|
170 | <div class="copy">© 2006-2009 Ext, LLC</div> |
---|
171 | </div> |
---|
172 | |
---|
173 | </div><!-- end viewport --> |
---|
174 | |
---|
175 | <div class="flyout-menu" id="products-menu" style="display:none;"> |
---|
176 | <div style="width:200px;"> |
---|
177 | <h3><a href="http://extjs.com/products/extjs">Ext JS</a></h3> |
---|
178 | <p>Cross-browser JavaScript library for building rich internet applications</p> |
---|
179 | |
---|
180 | <ul> |
---|
181 | <li><a href="http://extjs.com/products/extjs">Overview</a></li> |
---|
182 | <li><a href="http://extjs.com/products/extjs/download.php">Download</a></li> |
---|
183 | <li><a href="http://extjs.com/deploy/dev/examples/samples.html">Samples & Demos</a></li> |
---|
184 | <li><a href="http://extjs.com/deploy/dev/docs/">API Documentation</a></li> |
---|
185 | <li><a href="http://extjs.com/products/license.php">Licensing & Open Source</a></li> |
---|
186 | |
---|
187 | <li><a href="http://extjs.com/store/extjs/">Purchase</a></li> |
---|
188 | </ul> |
---|
189 | <br/> |
---|
190 | <h3><a href="http://extjs.com/products/gxt">Ext GWT</a></h3> |
---|
191 | <p>Java library for building rich internet applications with GWT</p> |
---|
192 | <ul> |
---|
193 | <li><a href="http://extjs.com/products/gxt">Overview</a></li> |
---|
194 | |
---|
195 | <li><a href="http://extjs.com/products/gxt/download.php">Download</a></li> |
---|
196 | <li><a href="http://extjs.com/explorer/" target="_blank">Samples & Demos</a></li> |
---|
197 | <li><a href="http://extjs.com/products/license.php">Licensing & Open Source</a></li> |
---|
198 | <li><a href="http://extjs.com/store/gxt/">Purchase</a></li> |
---|
199 | </ul> |
---|
200 | |
---|
201 | </div> |
---|
202 | </div> |
---|
203 | |
---|
204 | <div class="flyout-menu" id="support-menu" style="display:none;"> |
---|
205 | <div style="width:200px;"> |
---|
206 | |
---|
207 | <h3><a href="http://extjs.com/support">Support Subscriptions</a></h3> |
---|
208 | <p>With 1-on-1 email and phone support, we solve your Ext JS, GWT, CSS and JavaScript issues</p> |
---|
209 | <ul> |
---|
210 | <li><a href="http://extjs.com/store/extjs/#support-table">Ext JS Subscriptions</a></li> |
---|
211 | <li><a href="http://extjs.com/store/gxt/#support-table">Ext GWT Subscriptions</a></li> |
---|
212 | </ul> |
---|
213 | <br/> |
---|
214 | |
---|
215 | <h3><a href="http://extjs.com/support/training">Training</a></h3> |
---|
216 | <p>Get up to speed quickly with on-site training provided by Ext</p> |
---|
217 | <ul> |
---|
218 | <li><a href="http://extjs.com/support/training/extjs/">Ext JS Training</a></li> |
---|
219 | <li><a href="http://extjs.com/support/training/gxt/">Ext GWT Training</a></li> |
---|
220 | </ul> |
---|
221 | <br/> |
---|
222 | |
---|
223 | <h3><a href="http://extjs.com/forum">Community</a></h3> |
---|
224 | <p>The Ext community forums and wiki</p> |
---|
225 | <ul> |
---|
226 | <li><a href="http://extjs.com/forum">Forums</a></li> |
---|
227 | <li><a href="http://extjs.com/learn">Learning Center</a></li> |
---|
228 | |
---|
229 | </ul> |
---|
230 | <br/> |
---|
231 | <h3><a href="http://extjs.com/forum">Ext Solutions</a></h3> |
---|
232 | <p>Enterprise consulting and custom development</p> |
---|
233 | <ul> |
---|
234 | <li><a href="http://extjs.com/support/services/">Find out more »</a></li> |
---|
235 | </ul> |
---|
236 | </div> |
---|
237 | |
---|
238 | </div> |
---|
239 | |
---|
240 | |
---|
241 | <div class="flyout-menu" id="store-menu" style="display:none;"> |
---|
242 | <div style="width:200px;"> |
---|
243 | <h3><a href="http://extjs.com/store/extjs/">Ext JS</a></h3> |
---|
244 | <ul> |
---|
245 | <li><a href="http://extjs.com/store/extjs/">Licenses</a></li> |
---|
246 | <li><a href="http://extjs.com/store/extjs/#support-table">Support Subscriptions</a></li> |
---|
247 | |
---|
248 | </ul> |
---|
249 | <br/> |
---|
250 | <h3><a href="http://extjs.com/store/gxt/">Ext GWT</a></h3> |
---|
251 | <ul> |
---|
252 | <li><a href="http://extjs.com/store/gxt/">Licenses</a></li> |
---|
253 | <li><a href="http://extjs.com/store/gxt/#support-table">Support Subscriptions</a></li> |
---|
254 | </ul> |
---|
255 | |
---|
256 | <br/> |
---|
257 | <h3><a href="http://extjs.com/store/faq.php">Help</a></h3> |
---|
258 | <ul> |
---|
259 | <li><a href="http://extjs.com/store/faq.php">Ordering FAQ</a></li> |
---|
260 | </ul> |
---|
261 | </div> |
---|
262 | </div> |
---|
263 | |
---|
264 | </body> |
---|
265 | </html> |
---|
266 | |
---|
267 | |
---|