近日在导入extjs库文件的时候遇到了一些问题,现在拿出来与大家分享。
如果只想实现extjs的基本功能,则只需导入ext-all.css、ext-base.js、ext-all.js、images即可。
注意:正确的顺序为
一、首先导入ext-all.css,这个文件必须是在最上面的。
<link rel="stylesheet" type="text/css" href="<%=rootPath%>/extlib/ext3.0/css/ext-all.css">
二、导入自由风格样式,这个样式的位置比较随意,只要在ext-all.css之后即可。
<link rel="stylesheet" type="text/css" href="<%=rootPath%>/extlib/ext3.0/css/xtheme-blue.css">
三、导入两个js文件,顺序必须为以下顺序。
<script type="text/javascript" src="<%=rootPath%>/extlib/ext3.0/ext-base.js"></script>
<script type="text/javascript" src="<%=rootPath%>/extlib/ext3.0/ext-all.js"></script>
四、导入自己其他的js文件。
<script type="text/javascript" src="<%=rootPath%>/js/ext.js"></script>
页面中便是以上写的顺序。
工程的目录设置也是有要求的,其中要导入extjs的图片文件,该文件夹在ext-3.0.0\resources路径下,复制images文件夹,原封不动的拷贝到工程中,这时要注意了,images文件夹必须要与装着ext-all.css样式的css文件夹在同一目录下。以上就是今天学习ext的经验,有不妥当的忘大家给予指正。