本文目录一览:
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拷贝到你的工程目录下。