extjs实例运行时没有正常输出,目录样式问题

时间: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>

你会发现样式显示不正常了,从中也可以看出样式的地位。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值