📄 samples.html.svn-base
字号:
<html><head> <title>Ext JS 2.2 Samples</title> <style type="text/css"> #all-demos { } #all-demos dd { float:left; width:300px; height:100px; margin:5px 5px 5px 10px; cursor:pointer; zoom:1; } #all-demos dd img { width:120px; height:90px; margin:5px 0 0 5px; float:left; } #all-demos dd div { float:left; width:160px; margin-left:10px; } #all-demos dd h4 { font-family:tahoma,arial,san-serif; color:#555; font-size:11px; font-weight:bold; } #all-demos dd p { color:#777; } #all-demos dd.over { background: #F5FDE3 url(shared/extjs/images/sample-over.gif) no-repeat; } #loading-mask{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:20000; background-color:white; } #loading{ position:absolute; left:45%; top:40%; padding:2px; z-index:20001; height:auto; } #loading a { color:#225588; } #loading .loading-indicator{ background:white; color:#444; font:bold 13px tahoma,arial,helvetica; padding:10px; margin:0; height:auto; } #loading-msg { font: normal 10px arial,tahoma,sans-serif; } #all-demos .x-panel-body { background-color:#fff; border:1px solid; border-color:#fafafa #fafafa #fafafa #fafafa; } #sample-ct { border:1px solid; border-color:#dadada #ebebeb #ebebeb #dadada; padding:2px; } #all-demos h2 { border-bottom: 2px solid #99bbe8; cursor:pointer; padding-top:6px; } #all-demos h2 div { background:transparent url(../resources/images/default/grid/group-expand-sprite.gif) no-repeat 3px -47px; padding:4px 4px 4px 17px; color:#3764a0; font:bold 11px tahoma, arial, helvetica, sans-serif; } #all-demos .collapsed h2 div { background-position: 3px 3px; } #all-demos .collapsed dl { display:none; } .x-window { text-align:left; } </style></head><body><div id="loading-mask" style=""></div><div id="loading"> <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></div><div id="viewport"><div id="hd"> <h1><a href="http://extjs.com/" title="Home"><span>Ext</span></a></h1> <table cellspacing="0" class="nav main-nav"> <tr> <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> </table> <table cellspacing="0" class="sub-nav"> <tr> <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> </table></div><div id="bd"> <div class="left-column"> <h3>Ext JS 2.2 Samples</h3> <br/> <div id="sample-spacer" style="height:800px;"></div> <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" /> <!--link rel="stylesheet" type="text/css" href="../resources/css/xtheme-gray.css" /--> <link rel="stylesheet" type="text/css" href="shared/extjs/css/extjs.css" /> <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading Core API...';</script> <script type="text/javascript" src="../adapter/ext/ext-base.js"></script> <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Loading UI Components...';</script> <script type="text/javascript" src="../ext-all.js"></script> <script type="text/javascript">document.getElementById('loading-msg').innerHTML = 'Initializing...';</script> <script type="text/javascript" src="shared/extjs/site.js"></script> <script type="text/javascript" src="samples.js"></script> <div id="all-demos"> </div> </div> <div class="right-column" style="padding-top:45px;"> <div class="side-box"><div class="side-box-inner"> <ul id="sample-menu" class="features"></ul> </div></div> </div> <div style="clear:both"></div></div><!-- end bd --><div id="ft"> <table cellspacing="0" class="nav"> <tr> <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> </table> <div class="copy">© 2006-2008 Ext, LLC</div></div></div><!-- end viewport --><div class="flyout-menu" id="products-menu" style="display:none;"> <div style="width:200px;"> <h3><a href="http://extjs.com/products/extjs">Ext JS</a></h3> <p>Cross-browser JavaScript library for building rich internet applications</p> <ul> <li><a href="http://extjs.com/products/extjs">Overview</a></li> <li><a href="http://extjs.com/products/extjs/download.php">Download</a></li> <li><a href="http://extjs.com/deploy/dev/examples/samples.html">Samples & Demos</a></li> <li><a href="http://extjs.com/deploy/dev/docs/">API Documentation</a></li> <li><a href="http://extjs.com/products/license.php">Licensing & Open Source</a></li> <li><a href="http://extjs.com/store/extjs/">Purchase</a></li> </ul> <br/> <h3><a href="http://extjs.com/products/gxt">Ext GWT</a></h3> <p>Java library for building rich internet applications with GWT</p> <ul> <li><a href="http://extjs.com/products/gxt">Overview</a></li> <li><a href="http://extjs.com/products/gxt/download.php">Download</a></li> <li><a href="http://extjs.com/explorer/" target="_blank">Samples & Demos</a></li> <li><a href="http://extjs.com/products/license.php">Licensing & Open Source</a></li> <li><a href="http://extjs.com/store/gxt/">Purchase</a></li> </ul> </div></div><div class="flyout-menu" id="support-menu" style="display:none;"> <div style="width:200px;"> <h3><a href="http://extjs.com/support">Support Subscriptions</a></h3> <p>With 1-on-1 email and phone support, we solve your Ext JS, GWT, CSS and JavaScript issues</p> <ul> <li><a href="http://extjs.com/store/extjs/#support-table">Ext JS Subscriptions</a></li> <li><a href="http://extjs.com/store/gxt/#support-table">Ext GWT Subscriptions</a></li> </ul> <br/> <h3><a href="http://extjs.com/support/training">Training</a></h3> <p>Get up to speed quickly with on-site training provided by Ext</p> <ul> <li><a href="http://extjs.com/support/training/">Find out more »</a></li> </ul> <br/> <h3><a href="http://extjs.com/forum">Community</a></h3> <p>The Ext community forums and wiki</p> <ul> <li><a href="http://extjs.com/forum">Forums</a></li> <li><a href="http://extjs.com/learn">Learning Center</a></li> </ul> <br/> <h3><a href="http://extjs.com/forum">Ext Solutions</a></h3> <p>Enterprise consulting and custom development</p> <ul> <li><a href="http://extjs.com/support/services/">Find out more »</a></li> </ul> </div></div><div class="flyout-menu" id="store-menu" style="display:none;"> <div style="width:200px;"> <h3><a href="http://extjs.com/store/extjs/">Ext JS</a></h3> <ul> <li><a href="http://extjs.com/store/extjs/">Licenses</a></li> <li><a href="http://extjs.com/store/extjs/#support-table">Support Subscriptions</a></li> </ul> <br/> <h3><a href="http://extjs.com/store/gxt/">Ext GWT</a></h3> <ul> <li><a href="http://extjs.com/store/gxt/">Licenses</a></li> <li><a href="http://extjs.com/store/gxt/#support-table">Support Subscriptions</a></li> </ul> <br/> <h3><a href="http://extjs.com/store/faq.php">Help</a></h3> <ul> <li><a href="http://extjs.com/store/faq.php">Ordering FAQ</a></li> </ul> </div></div></body></html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -