提供最新Ext的下载地址:
http://www.sencha.com/products/extjs/download/
下载后解压,docs目录是它的APi文档,example目录是它的示例
先来个最easy的helloworld:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <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> <title>ExtJs Study</title></head><body>
<script type="text/javascript">
Ext.onReady(function() {
//定义一个函数,功能为弹出一个对话框
var fHelloWorld = function(){
Ext.MessageBox.show({
title: "ExtJs Study",
msg: "Hello World",
width: 200,
buttons: Ext.MessageBox.OK
});
}
//这就是Ext获取页面元素的方法,简单吧
var oBtnHello = Ext.get("btnHello");
//将元素居中
oBtnHello.center();
//为元素动态增加Click事件
oBtnHello.on("click", fHelloWorld) });
</script><button id="btnHello">Hello World</button>
</body>
</html>
所有功能都是在Ext.onReady中完成的,用了几个简单的方法,Ext.get取页面指定ID的元素,center()将对象居中,MessageBox.show显示对话框
最后显示的图示:
- 大小: 31 KB
分享到:
相关推荐
语言程序设计资料:ExtJs学习笔记-2积分.doc
ExtJS----HelloWorld程序源码
对爱好extjs的开发者有帮助,提供中文api文档,及常用的方法!
extjs-theme-bootstrap-master.zip
ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有:border、form、absolute、column、accordion、table、fit、card、anchor 另外,不常见的布局有:tab、vbox、hbox 具体使用方法可见该文件的案例代码。 ...
NULL 博文链接:https://lucky16.iteye.com/blog/1522254
extjs-620-docs官方文档extjs-620-docs官方文档extjs-620-docs官方文档
NULL 博文链接:https://lucky16.iteye.com/blog/1490278
extjs2----关于extjs 的使用,操作.比较初级,但是也比较使用。适合初步接触extjs的朋友
Extjs4.0学习笔记,以下是部分介绍: xtjs4,创建Ext组件有了新的方式,就是Ext.create(....),而且可以使用动态加载JS的方式来加快组件的渲染,我们再也不必一次加载已经达到1MB的ext-all.js了,本文介绍如何在EXTJS4...
EXTJS4 类似于bootstrap的主题
extJs-5.0.1-gpl附带sencha cmd安装程序、ruby编译包(分为32位和64位)和教程,一共四部分
Extjs4---grid的修改、删除功能---结合struts2、hibernate
ExtJS快速入门--传智播客--蔡世友
Extjs4---combobox省市区三级联动+struts2
ExtJS学习笔记.docExtJS学习笔记.docExtJS学习笔记.docExtJS学习笔记.doc
ExtJs学习笔记,共30讲 1. ExtJs 结构树 2 2. 对ExtJs的态度 3 3. Ext.form概述 4 4. Ext.TabPanel篇 5 5. Function扩展篇 7 6. Ext.data.Store篇 10 7. Ext.data.JsonReader篇一 12 8. Ext.data.JsonReader篇二 15 ...
extjs-7.0.0-gpl
Extjs4--Form登录功能,结合struts2