说明
人们发现了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>