写Extjs项目有一段时间了,一直都是在原有项目上写的。今天准备新写一个小demo,但是却出现了样式不完整显示的现象。
如下图:
(只是一个小消息框,却显示不完整)
相关的地方如下:
1. 因此我就对这个问题进行了研究,所现文件的引用没有错,文件目录如:
2. extjs文件夹下面的文件如下:
3. 而文件引用如下:
从上面3个地方来看都没有错,3个主要的源文件也导入进来了,那到底是错在哪呢?我经过1个多小时的研究也排查,终于打到了原因。
现在分享给各位,让遇到相同情况的朋友们少走点弯路啊。
分析:其实从上面那个显示一半的消费框来看,是少了背景啊,少了标题栏背景,OK按键的背景;
所以我才想起,EXtjs是一个框架,所有许多的组件,组件中有许多的小图标及背景图。那地资源文件夹中怎么能少了图啊!
所以就可以确定一个原因是,没有图片;
然而我就试了啊,最后,当然是成功了。
看看吧:
处理:
1. 在extjs文件夹中添加。
但是要注意下目录结构 (ext-all.css文件不能与image文件夹在同一级,而是ext-all.css文件的上一级与image文件夹同级)
2. 再将网页中css文件导入代码修改下,就OK了。
大功造成,希望对大家有帮助哦!!!!