六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 135|回复: 0

如何合理规划一个Ext应用程序(转载)

[复制链接]

升级  25.33%

24

主题

24

主题

24

主题

秀才

Rank: 2

积分
88
 楼主| 发表于 2013-2-7 19:21:16 | 显示全部楼层 |阅读模式
事前准备

本教程假设你已经安装好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,所以还是不建议加。~~我顶 我是这里的译者————真的不顶不可,老外怎么搞的啊
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表