小菜毛毛技术分享

与大家共同成长

  BlogJava :: 首页 :: 联系 :: 聚合  :: 管理
  164 Posts :: 141 Stories :: 94 Comments :: 0 Trackbacks

ExtJs学习入门

Posted on 2009-05-05 14:37 小菜毛毛 阅读(0) 评论(0)  编辑  收藏

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
posted on 2009-05-05 14:43 小菜毛毛 阅读(1860) 评论(1)  编辑  收藏 所属分类: EXTJS

Feedback

# re: ExtJs学习入门--之HELLOWORLD[未登录] 2013-11-26 15:09 dd
ddd  回复  更多评论
  


只有注册用户登录后才能发表评论。


网站导航: