Extjs4.0日历插件之环境搭建

4.0的日历插件使用环境：Extjs4.0官方提供的一个example下的calendar文件（该calendar文件下的都需要，原样复制到你的工程web目录下即可）...

当你启动tomcat时，在网页输入该calendar下的index.html时发现网页什么也没有。正常。效果如下：

再次刷新页面时并且解决完index.html中的上述两个文件的引入路径问题后，再次刷新页面后，发现报了一个十分重要的错误，该错误主要集中在include-ext.js文件中的67 69 91行处。原因是日历插件示例的运行不能缺少这几个资源文件：

1）ext-all-neptune-debug.css位于ext4.0中的resources目录。

2）ext-all.js直接放到根目录下即可。

3）那个同理，目录结构保持一致，即在calendar目录下依次建packages目录及packages的子目录直至与请求中的目录结构保持一致。

4）最后，修改include-ext.js中的67和91行的引入路径，91行处的路径对应在81行处。如图

保存再次刷新页面后，还需要一个新的css文件：

对于最后的一个images404错误，该文件是在之前导入的ext-theme-neptune下的build->resources-images将该文件复制到与build同级目录，至此日历插件环境的搭建应该好了，效果如下：

至此，日历插件的运行环境就搭建好了。环境搭建好的目录结构如下：附带几个重要文件的说明。

接下来会详细介绍calendar目录下的src目录。（这是使得日历插件融合到自己项目中必需所需要十分明白的目录）。