首先下载 extjs
http://www.sencha.com/products/extjs/download
目前最新版本4.07,大概40M
解压后 竟然有150M,当前这是完全版,里面包含实例什么的。
我们只要 取出核心内容就可以了。
extjs4/resources;//CSS、图片
extjs4/ext-all-debug.js;//未压缩的extjs核心库(2.4M)
<!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" />
<title>study</title>
<link href="extjs4/resources/css/ext-all.css" rel="stylesheet" />
<script type="text/javascript" src="extjs4/ext-all-debug.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
// 当页面下载完毕时执行,类型与jQuery $(document).ready();
//调用Ext的信息盒子方法之警告框
/* param1(String):警告框标题,param2(String):提示信息,
param3(fn):回调函数
*/
Ext.MessageBox.alert('Message','您确定提交吗?',t);
});
</script>
</head>
<body>
</body>
</html>
<!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" />
<title>extjs</title>
<link href="extjs4/resources/css/ext-all.css" rel="stylesheet" />
<script type="text/javascript" src="extjs4/ext-all-debug.js"></script>
<script type="text/javascript" src="extjs4/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
Ext.require([//require 预先加载组建 提高加载效率
'Ext.window.MessageBox'
]);
Ext.onReady(function(){
var Msg = function(){
alert(arguments[0]);
}
/*
Ext.Msg.alert('Message','hello world!',function(){
Msg('hello world');
});*/
/*Ext.Msg.confirm('Message','Are you ready?',function(btn){
if( btn == 'yes' )
Msg('hello world');
});*/
/*Ext.Msg.prompt('Message','Are you ready?',function(btn,text){
if(btn=='ok')
alert(text);
else
alert('no');
});*/
/*var params = {
title:'Message',
msg:'Are you ready ?',
buttons:Ext.Msg.YESNOCANCEL, // YES,NO,YESNO
icon: Ext.Msg.QUESTION,
fn:function(btn){
alert(btn);
}
};
Ext.Msg.show(params);
*/
Ext.get('mb9').on('click',function(){
Ext.MessageBox.show({
title: 'Icon Support',
msg: 'Here is a message with an icon!',
buttons: Ext.MessageBox.OK,
animateTarget: 'mb9',
//fn: showResult,
icon: Ext.Msg.WARNING
});
});
console.log(Ext.get('mb9').dom);
});
</script>
</head>
<body>
<button id="mb9">show</button>
</body>
</html>
分享到:
相关推荐
语言程序设计资料:ExtJs学习笔记-2积分.doc
Extjs4.0学习笔记,以下是部分介绍: xtjs4,创建Ext组件有了新的方式,就是Ext.create(....),而且可以使用动态加载JS的方式来加快组件的渲染,我们再也不必一次加载已经达到1MB的ext-all.js了,本文介绍如何在EXTJS4...
NULL 博文链接:https://chenxueyong.iteye.com/blog/336117
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 ...
Extjs3.4 Ext-core.pdf 轻松搞定Extjs.pdf Extjs学习笔记 里面有3.4的开发包,附属:Ext-core.pdf 轻松搞定Extjs.pdf Extjs学习笔记
Extjs 5 学习笔记,在网上下载整理好的。
18. extJs 2.0学习笔记(Ext.Panel终结篇) 40 19. extJs 2.0学习笔记(事件注册总结篇) 45 20. extJs 2.0学习笔记(Ext.Panel篇一) 48 21. extJs 2.0学习笔记(Ext.Panel篇二) 50 22. extJs 2.0学习笔记(Ext.Panel篇三) ...
对爱好extjs的开发者有帮助,提供中文api文档,及常用的方法!
extjs学习笔记, 对应的书籍是extjs in action 没有看完...呵呵
EXTJS 学习笔记 ROY EXTJS学习笔记,自己学习的过程,不多但是实用
适合ExtJs开发人员extjs技术上手以及深入
ExtJS4学习笔记(九)---ExtJS4 EditGrid(可编辑的Grid) ExtJS4学习笔记(二)---HBox的使用 ExtJS4学习笔记(五)---Grid分页 ExtJS4学习笔记(八)---Grid多选 全选 ExtJS4学习笔记(六)---多表头Grid ExtJS4学习笔记(十)--...
根据word做的pdf版本的ExtJs学习笔记,根据原版进行了删减,欢迎大家下载啊,哈哈。
ExtJs简明教程+Extjs学习笔记,来源网络,免费奉送,我讨厌需要资源分~
非常适合新手学习extjs的笔记,让你少走弯路
extJs学习笔记,让新手能够快速理解extJS的原理,深人浅出的了解extjs的精髓。
是我学习Extjs 的学习笔记收藏整理,学习extjs的同学可以好好看看,绝对有好处,学到很多知识!