1. 程式人生 > >ExtJs6 Desktop Demo 修改測試

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). 登入視窗




專案修改好後,可以打包釋出了

在dos命令視窗,進入專案目錄 輸入命令:sencha app build production 即可看到啟動打包過程,完成後,複製build的專案到釋出網站即可

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