ExtJs学习入门--之HELLOWORLD

ExtJs学习入门

Posted on 2009-05-05 14:37 小菜毛毛 阅读(0) 评论(0)  编辑  收藏 <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"> <rdf:Description rdf:about="http://www.blogjava.net/caizh2009/archive/2009/05/05/268969.html" dc:identifier="http://www.blogjava.net/caizh2009/archive/2009/05/05/268969.html" dc:title="ExtJs学习入门" trackback:ping="http://www.blogjava.net/caizh2009/services/trackbacks/268969.aspx" /> </rdf:RDF> -->

ExtJs简介：
ExtJS是一个用javascript写的，主要用于创建前端用户界面，使一个与后台技术无关的前端ajax框架。因此，
可以把ExtJs用在.Net Java 等各种开发语言开发的应用中。

获得ExtJS：
ExtJs开源框架可以在官方网站上下载，网址：http//extjs.com/download
解压出来的文件有：
adapter: 负责将里面提供第三方底层库(包括Ext自带的底层库)映射为Ext所支持的底层库。
build: 压缩后的ext全部源码（里面分类存放）。
docs：extJS API。
exmaples:提供使用ExtJs技术做出的小事例.
resources:Ext UI资源文件目录,如Css 图片文件都存放在这里面.
Ext-all-debug.js:无压缩的Ext全部的源码(用于调式).
ext-core.js:压缩后的Ext的核心组件,包括sources/core下的所有类.
ext-core-debug.js:无压缩Ext的核心组件,包括source/core下的所有类.

编写ExtJs程序必备包:
ext-all.js |--核心文件，包含了ext的所有功能
adapter/ext/ext-base.js | --基础包
build/locale/ext-lang-zh_CN.js |中文翻译
resources |包含css样式和图片

第一个HelloWorld程序

//在自己建的工程里导入必须的包
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css">
<script type="text/javascript" src="adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-all.js"></script>
<script type="text/javascript" src="examples.js"></script>
<script>
Ext.onReady( //初始化页面时执行
function()
{
Ext.MessageBox.alert('hello world','Hello ExtJs');
}
);
</script

小菜毛毛 2009-05-05 14:43 发表评论