ExtJs桌面组件（DeskTop）

               

在desktop\js目录中包含了5个js文件，这5个js文件如下：

还有css样式表：desktop.css，图片素材

在这5个js文件中封装了用于模拟桌面的类，这些类如下：

Ext.ux.StartMenu（StartMenu.js） 模拟操作系统桌面左下方的开始菜单
Ext.ux.TaskBar（TaskBar.js） 模拟操作系统桌面右下方的任务栏        
Ext.Desktop（Desktop.js） 模拟操作系统的整个桌面
Ext.app.Module（Module.js）对应整个应用程序中的各个功能模块
Ext.app.App（App.js）对应整个应用程序

由于这些类并不包含在ExtJS的核心组件中，因此，在使用这些类之前，要先引用这些js文件以及相应的css文件，代码如下：

<script type="text/javascript" src="js/StartMenu.js"></script>    <script type="text/javascript" src="js/TaskBar.js"></script>    <script type="text/javascript" src="js/Desktop.js"></script>    <script type="text/javascript" src="js/App.js"></script>    <script type="text/javascript" src="js/Module.js"></script>    <script type="text/javascript" src="sample.js"></script>

其中desktop.css模拟桌面所需的样式文件，在samples.js文件中利用上面5个类实现了如图所示的桌面。