|
事前准备
本教程假设你已经安装好ExtJS库。安装的目录是extjs 并位于你程序的上一级目录。如果安装在其它地方你必须更改路径,更改示例文件中script标签的src的属性。
需要些什么?
除ExtJS库本身外,我们还需要两个文件:
- applayout.html
- applayout.js
先看看一份html文档,比较精简。并附有详细说明:
applayout.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all.css"> <script type="text/javascript" src="../extjs/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="../extjs/ext-all-debug.js"></script> <script type="text/javascript" src="applayout.js"></script> <!-- 本地化的脚本引用在这里 --> <script type="text/javascript"> Ext.onReady(myNameSpace.app.init, myNameSpace.app); </script> <title>Application Layout Tutorial</title></head><body></body></html>开头的两行声明了文档的类型。程序可以不用doctype,但是这样的话浏览器可能默认其为Quirks怪僻类型,会导致处理跨浏览器这一问题上出现差异。
我们采用HTML 4.01 Transitional的文档类型,该类型在主流浏览器上支持得不错。当然,你也可以根据你的需求采用其它类型的doctype,但是记住别忘了要加上doctype。
<div style="background: #ffffc0; border: gray 1px dashed; padding: 10px;">更新: 不好意思,,其实呢 这个doctype了在IE底下呢,加了的话渲染时候会有点BUG,所以还是不建议加。~~我顶 我是这里的译者————真的不顶不可,老外怎么搞的啊 |
|