ExtJS入门-设立基础页
日期：2014-05-16 浏览次数：20354 次
ExtJS入门-设置基础页
说明
人们发现了Ext JS后，便急不迫待地投入到使用——这是很常见的事，但却还没搞清楚，如何设置一张首页。
本数程就是告诉您页面大抵是怎样构成的，所以测试者可直接套用这模版（复制&粘贴）。
index.html的标签元素
页面是这样的：
说明
人们发现了Ext JS后，便急不迫待地投入到使用——这是很常见的事，但却还没搞清楚，如何设置一张首页。
本数程就是告诉您页面大抵是怎样构成的，所以测试者可直接套用这模版（复制&粘贴）。
index.html的标签元素
页面是这样的：
<!-- 最好不要设置的文件头，避免IE的问题 -->
<html>
<!-- 每份有效的HTML应符合标准，为此head标签不能少 -->
<head>
<!-- 下面一行规定了本页面是UTF-8格式编码的。 -->
<!-- 应一句俗话：“用了UTF-8，走遍天下都不怕”，意思是说UTF是一种囊括了世界多种语言的编码标准，无论客户终端，各平台架构都可放心地使用。这样，就要统一页面和数据交换的字符本身都是UTF-8的。-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- Ext自带的样式表，由于脚本中须引用这些样式的定义，所以必须在声明语句的次序上，做到“样式优先”：放在script标签之前。 -->
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css">
<!-- 接着就是你准备好的CSS样式 -->
<!-- 居最先位置的是适配器（adapter）脚本……-->
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<!-- ……然后Ext为本身，这足是供调试用debug的版 -->
<script type="text/javascript" src="ext/ext-all-debug.js"></script>
<!-- 以下是你项目用到脚本 -->
<!-- 设置页面的标题（可不填） -->
<title id="page-title">Title</title>
<!-- 之所以引入以下script标签是为了说明Ext.onReady在页面程序中的必要性。不过你可以在外围的脚本文件中包含它，那么这里就可以不重复了 -->
<script type="text/javascript">
// 修改该空白背景图的路径，指向你服务端一个有效的图片路径。
Ext.BLANK_IMAGE_URL = 'ext/resources/images/default/s.gif';
// 程序总入口
Ext.onReady(function() {
// 调用程序吧！
});
</script>
<!-- 关闭head标签 -->
</head>
<!-- 大多数情况body 为空的，这点与普通页面的body很不同。 -->
<body></body>
<!-- 最后关闭的html标签 -->
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
