ext入门学习

[color=darkred][/color]
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[align=center]
[/align][align=center]
[/align]

你可能感兴趣的:(JavaScript,UI,ext)