ExtJs6 Desktop Demo 修改测试

一直用Extjs4, extjs6 的变化较大,这几天有兴趣研究一下,把自带的Demo的desktop做了些修改,


1.首先下载安装sencha cmd  

2.然后  需要生成新项目 用sencha cmd 命令如下:

sencha -sdk E:\ext-6.0.0 generate app linbdesktop e:\linbdesktop

其中 E:\ext-6.0.0  是网上下载的 extjs6 后面是项目名称和存放位置

3.把extjs自带的examples中的desktop目录复制到新建的项目位置( e:\linbdesktop)

4.把e:\linbdesktop 设置为iis虚拟目录

5. 浏览器中测试 http://localhost/linbdesktop

6.如果能看到Demo的desktop说明项目环境已配置成功,接下来就可以自己去修改,增加项目文件了



参照ext4的积累,主要修改了如下几点:


(1). 修改提示宽度不能自适应问题
(2). 增加桌面图标自适应换行
(3). 增加桌面图标拖动
(4). 解决桌面图标拖动后闪屏问题
(5). 桌面背景默认拉伸
(6). 增加中文支持文件
(7). 任务栏背景色
(8). 开始菜单多级菜单
(9). 登录窗口

ExtJs6 Desktop Demo 修改测试_第1张图片


ExtJs6 Desktop Demo 修改测试_第2张图片


ExtJs6 Desktop Demo 修改测试_第3张图片


项目修改好后,可以打包发布了

在dos命令窗口,进入项目目录 输入命令:sencha app build production 即可看到启动打包过程,完成后,复制build的项目到发布网站即可

csdn下载中已打包的资源:http://download.csdn.net/detail/olinbsoft/9454446






你可能感兴趣的:(Desktop,demo,二级菜单,ExtJs6,图标换行)