时间:2013年7月19日
我在Web-Root下的index中运行正常的一个简单那extjs提示框页面,直接把index中的内容复制到Web-Root下的example下的helloworld.html中,运行的时候就是不现实提示框。我的项目的extjs配置目录如下图所示。
这样直接复制是错误的
<link rel="stylesheet" type="text/css" href="extjs-4.1.1/resources/css/ext-all.css"/>
<script type="text/javascript" src="extjs-4.1.1/ext-all.js"></script>
<script type="text/javascript" src="extjs-4.1.1/locale/ext-lang-zh_CN.js" charset="utf-8"></script>
<script>
比较一下下面改过之后的代码
<link rel="stylesheet" type="text/css" href="../extjs-4.1.1/resources/css/ext-all.css"/>
<script type="text/javascript" src="../extjs-4.1.1/ext-all.js"></script>
<script type="text/javascript" src="../extjs-4.1.1/locale/ext-lang-zh_CN.js" charset="utf-8"></script>
<script type="text/javascript">
我们发现在三个路径上都加了"../"这个意思是helloworld.html要想用extjs的css样式和中文支持,还有all必须要和extjs那三个在同一个平行目录下,比如上面的是我index.jsp中的,所以要修改helloworld,html中的代码,修改添加"../"意思就是把helloworld.html文件逻辑上置于extjs平行目录下了。
若果之修改了
<script type="text/javascript" src="../extjs-4.1.1/ext-all.js"></script>
你会发现样式显示不正常了,从中也可以看出样式的地位。