EXT怎么全屏
日期：2014-05-16 浏览次数：20809 次
EXT如何全屏 - Web 开发 / Ajax
index.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>9iExt.cn--Ext经典布局、框架(一)</title>
<link href="css/Extmain.css" rel="stylesheet" type="text/css">
<!--导入prototype文件 -->
<script language="javascript" type="text/javascript" src="js/prototype.js"></script>
</head>
<body>
<!--loading加载 -->
<div id="loadingTab">
<div class="loading-indicator">
<img src="images/public/loader.gif" width="32" height="32" style="margin-right:8px;float:left;vertical-align:top;"/>
<a href="index.html">Ext经典布局、框架(一)</a> -
<span id="loading-9iext"><a href="http://www.9iExt.cn" target="_blank">9iExt.cn</a></span><br />
<span id="loading-msg">加载样式表和图片...</span>
</div>
</div>
<div id="north" style="visibility:hidden;"><span class="api-title"><a href="http://www.9iExt.cn/" target="_blank">9iExt.cn--Ext经典布局、框架(一)</a></span></div>
<div id="south">
<div class="power" id="power" style="visibility:hidden;">
Power By: <a href="http://extjs.com/" target="_blank">ExtJs 2.2.1</a>
</div>
<div class="bq" id="banquan" style="visibility:hidden;">
版权所有：<a href="http://www.9iExt.cn/" target="_blank">9iExt.cn</a>
</div>
</div>
<!--加载ext框架样式-->
<link href="js/ext-2.2/resources/css/ext-all.css" rel="stylesheet" type="text/css">
<link href="js/ext-2.2/resources/css/portal.css" rel="stylesheet" type="text/css">
<script type="text/javascript">$('loading-msg').innerHTML = '正在加载UI组建...';</script>
<!--加载ext核心文件-->
<script language="javascript" type="text/javascript" src="js/ext-2.2/adapter/ext/ext-base.js"></script>
<script language="javascript" type="text/javascript" src="js/ext-2.2/ext-all.js"></script>
<script language="javascript" type="text/javascript" src="js/ext-2.2/source/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">$('loading-msg').innerHTML = '正在初始化...';</script>
<!--加载ext自定义组件-->
<script type="text/javascript" src="js/localXHR.js"></script>
<script language="javascript" type="text/javascript" src="js/extMain.js"></script>
<script type="text/javascript">
$('loading-msg').innerHTML = '初始化完毕！！';
Ext.get('loadingTab').fadeOut({remove: true});//让加载标签消失
$('north').style.visibility="visible";
$('power').style.visibility="visible";
$('banquan').style.visibility="visible"
</script>
</body>
</html>
extMain.js
// ext实例展示的js文件
Ext.BLANK_IMAGE_URL = 'images/public/s.gif"';
Ext.QuickTips.init();// 加载快速提示框
Ext.namespace('ExtExample');// 创建名字域
// 应用程序主页面
ExtExample.app = function() {
// 空函数
};
Ext.extend(ExtExample
index.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>9iExt.cn--Ext经典布局、框架(一)</title>
<link href="css/Extmain.css" rel="stylesheet" type="text/css">
<!--导入prototype文件 -->
<script language="javascript" type="text/javascript" src="js/prototype.js"></script>
</head>
<body>
<!--loading加载 -->
<div id="loadingTab">
<div class="loading-indicator">
<img src="images/public/loader.gif" width="32" height="32" style="margin-right:8px;float:left;vertical-align:top;"/>
<a href="index.html">Ext经典布局、框架(一)</a> -
<span id="loading-9iext"><a href="http://www.9iExt.cn" target="_blank">9iExt.cn</a></span><br />
<span id="loading-msg">加载样式表和图片...</span>
</div>
</div>
<div id="north" style="visibility:hidden;"><span class="api-title"><a href="http://www.9iExt.cn/" target="_blank">9iExt.cn--Ext经典布局、框架(一)</a></span></div>
<div id="south">
<div class="power" id="power" style="visibility:hidden;">
Power By: <a href="http://extjs.com/" target="_blank">ExtJs 2.2.1</a>
</div>
<div class="bq" id="banquan" style="visibility:hidden;">
版权所有：<a href="http://www.9iExt.cn/" target="_blank">9iExt.cn</a>
</div>
</div>
<!--加载ext框架样式-->
<link href="js/ext-2.2/resources/css/ext-all.css" rel="stylesheet" type="text/css">
<link href="js/ext-2.2/resources/css/portal.css" rel="stylesheet" type="text/css">
<script type="text/javascript">$('loading-msg').innerHTML = '正在加载UI组建...';</script>
<!--加载ext核心文件-->
<script language="javascript" type="text/javascript" src="js/ext-2.2/adapter/ext/ext-base.js"></script>
<script language="javascript" type="text/javascript" src="js/ext-2.2/ext-all.js"></script>
<script language="javascript" type="text/javascript" src="js/ext-2.2/source/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">$('loading-msg').innerHTML = '正在初始化...';</script>
<!--加载ext自定义组件-->
<script type="text/javascript" src="js/localXHR.js"></script>
<script language="javascript" type="text/javascript" src="js/extMain.js"></script>
<script type="text/javascript">
$('loading-msg').innerHTML = '初始化完毕！！';
Ext.get('loadingTab').fadeOut({remove: true});//让加载标签消失
$('north').style.visibility="visible";
$('power').style.visibility="visible";
$('banquan').style.visibility="visible"
</script>
</body>
</html>
extMain.js
// ext实例展示的js文件
Ext.BLANK_IMAGE_URL = 'images/public/s.gif"';
Ext.QuickTips.init();// 加载快速提示框
Ext.namespace('ExtExample');// 创建名字域
// 应用程序主页面
ExtExample.app = function() {
// 空函数
};
Ext.extend(ExtExample
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
