本文目錄一覽：
ExtJs與Java結合的教程！！
的源碼下載下有很多EXTjs的java源碼可以參考，其實extjs只是前台js的封裝，跟後台用什麼語言關係不大
extjs 如何與adobe air整合
構建開發環境
一、 開發環境
a. 開發工具版本
Eclipse JEE : Version: 3.4.0 ;
Aptana Studio Professional: Version: 1.2.1.019949_200811212258
Aptana Adobe AIR Support: Version: 1.2.1.019949_200811212306
EXTJS: Version: 2.2
AIR SDK: Version: Adobe AIR 1.5 SDK
b. 環境構建
這個就不多說了，大家自己看着構建吧，很簡單的。一定要注意版本，上面的版本是我測試通過的，大家可以放心使用。
開發應用程序
二、 開發應用程序
a. 新建一個 Adobe AIR Project項目， FileNewProject,打開 New Project嚮導，如下圖：
b. 輸入項目名稱 Julycn，其他可以保持不變
c. 可以定義你的版本、描述、版權信息和應用程序圖標等字符，也可以在application.xml文件中定義這些信息。
d. 定義項目的尺寸，是否可以改變窗口大小、最小化、最大化等
e. 導入 AIR框架，默認就可以了
f. 導入第三方 AJAX庫，我選擇了 EXTJS庫
g. 自動打開主項目文件， julycn.html會自動生成一些內容，並且可以運行
h. 運行應用項目 ,這裡不做修改，了解一下基本的環境和開發方式 ;
i. 運行結果 ,裏面有三個按鈕，單擊 」Read a local file using AIR Apis」是讀取本地文本文件 LocalFile.txt的內容，演示 API處理本地文件系統；如果單擊」doRequest(「」);」按鈕， AIR 應用程序將彈出另一個警告框，這一次顯示的是來自 Adobe.com 的 HTTP 響應。這演示了 XMLHttpRequest 對象如何處理遠程 Web站點。
打包應用程序並安裝
三、 打包應用程序
a. 在 Julycn項目上點擊右鍵 Export…Adobe AIR Package,取消 Package and generate Jaxer build version選框，點擊 Next
b. 這一步就是創建一個證書，點擊 Configure Certificates創建一個證書 ,Timestamp AIR Package這個選框一定要去掉，否則打的包無法安裝。
c. 選擇要打包的文件，這個默認即可
d. 現在可以到 D:\\workspace\\Julycn目錄下雙擊 Julycn.air文件，進行安裝。如果無法打開文件，請確認是否安裝 Adobe AIR runtime.
e. 安裝偶就不說啦 .
四、 請關注後續教程，開發一個增刪該查的應用程序
下載Extjs 視頻教程網站
ExtJs視頻教程1(上).avi
ExtJs視頻教程1(下).avi
ExtJs視頻教程10(上).avi
ExtJs視頻教程10(下).avi
ExtJs視頻教程11.avi
ExtJs視頻教程12(上).avi
ExtJs視頻教程12(下).avi
ExtJs視頻教程13.avi
ExtJs視頻教程14.avi
ExtJs視頻教程15.avi
ExtJs視頻教程16(上).avi
ExtJs視頻教程16(下).avi
ExtJs視頻教程17.avi
ExtJs視頻教程18(上).avi
ExtJs視頻教程18(下).avi
ExtJs視頻教程19(上).avi
ExtJs視頻教程19(下).avi
ExtJs視頻教程2(上).avi
ExtJs視頻教程2(下).avi
ExtJs視頻教程20(上).avi
ExtJs視頻教程20(下).avi
ExtJs視頻教程21(上).avi
ExtJs視頻教程21(下).avi
ExtJs視頻教程22(上).avi
ExtJs視頻教程22(下).avi
ExtJs視頻教程23.avi
ExtJs視頻教程24(上).avi
ExtJs視頻教程24(下).avi
ExtJs視頻教程25(上).avi
ExtJs視頻教程25(下).avi
ExtJs視頻教程26(上).avi
ExtJs視頻教程26(下).avi
ExtJs視頻教程27(上).avi
ExtJs視頻教程27(下).avi
ExtJs視頻教程28(上).avi
ExtJs視頻教程28(下).avi
ExtJs視頻教程29(上).avi
ExtJs視頻教程29(下).avi
ExtJs視頻教程3(上).avi
ExtJs視頻教程3(下).avi
ExtJs視頻教程30(上).avi
ExtJs視頻教程30(下).avi
ExtJs視頻教程4.avi
ExtJs視頻教程5(上).avi
ExtJs視頻教程5(下).avi
ExtJs視頻教程6(上).avi
ExtJs視頻教程6(下).avi
ExtJs視頻教程7(上).avi
ExtJs視頻教程7(下).avi
ExtJs視頻教程8.avi
ExtJs視頻教程9(上).avi
ExtJs視頻教程9(下).avi
extjs項目打包的時候為什麼添加的菜單項沒有加載
以Extjs4.2為例進行說明吧。你可以根據你使用的版本不同做出對應調整。
首先，Menu依賴於類Ext.menu.Menu和必要的css文件。
1)如果你使用Sencha cmd 打包的話，你需要查看有沒有在requires字段裏面包含進該類;例如:
requires:[ ‘Ext.menu.*’ ]
2)如果你包含了ext-all.js等之類的全部庫的話，則應該不成問題;如果不行的話可以參看sdk自帶的example 裏面的menu，加載menu如下:
Ext.require([
‘Ext.menu.*’,
]);
3)另外，如果使用Ext.ux包裏面的一些輔助類時，菜單可能由於css文件不夠，無法正常顯示。這是需要將對應的ux目錄下的css文件拷貝到你的工程下(Extjs 4.2目前不支持ux下css文件自動打包)。
例如gird組件的篩選菜單，如RangeMenu的話則需要將對應的RangeMenu.css拷貝到你的工程目錄下。
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/154912.html
微信掃一掃 
支付寶掃一掃 