Extjs样式显示不出来(显示一部分)

来源:互联网 发布:淘宝网服装中老年女装 编辑:程序博客网 时间:2024/05/02 01:39

写Extjs项目有一段时间了,一直都是在原有项目上写的。今天准备新写一个小demo,但是却出现了样式不完整显示的现象。

如下图:


(只是一个小消息框,却显示不完整)


相关的地方如下:

1.   因此我就对这个问题进行了研究,所现文件的引用没有错,文件目录如:


2. extjs文件夹下面的文件如下:



3. 而文件引用如下:



从上面3个地方来看都没有错,3个主要的源文件也导入进来了,那到底是错在哪呢?我经过1个多小时的研究也排查,终于打到了原因。

现在分享给各位,让遇到相同情况的朋友们少走点弯路啊。


分析:其实从上面那个显示一半的消费框来看,是少了背景啊,少了标题栏背景,OK按键的背景;

           所以我才想起,EXtjs是一个框架,所有许多的组件,组件中有许多的小图标及背景图。那地资源文件夹中怎么能少了图啊!

    所以就可以确定一个原因是,没有图片;

       然而我就试了啊,最后,当然是成功了。

看看吧:



处理:

1.   在extjs文件夹中添加

但是要注意下目录结构 (ext-all.css文件不能与image文件夹在同一级,而是ext-all.css文件的上一级与image文件夹同级)


2.  再将网页中css文件导入代码修改下,就OK了。



大功造成,希望对大家有帮助哦!!!!


1 0