<link rel="stylesheet" type="text/css" href="ext-2.2/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-2.2/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-2.2/ext-all-debug.js"></script>
<div id="hello"> </div>
<div id="word"> </div>
<input id="btnAlert" type="button" value="alert框" />
function a(){
alert("a")
}
Ext.onReady(function(){
//创建对话框
Ext.MessageBox.alert("hello","Hello,easyjf open source");
//创建窗口
var win = new Ext.Window({
title:"hello",
width:300,
height:200,
html:'<h1>Hello,easyjf open source</h1>'
});
win.show();
//创建面板
var panel = new Ext.Panel({
renderTo:"hello",//放到哪里 放到 div的id hello
title:"hello",
width:300,
height:200,
html:'Hello,easyjf open source'
});
//panel.render("hello"); 放到 div的id hello 可以用属性 renderTo来制定
//创建多页选项卡页面
new Ext.TabPanel({
renderTo:"word",
width:300,
height:200,
activeTab:0,//默认选中的选项卡页面
items:[
{
title:"面板1",
html:"11111",
height:30
},{
title:"面板2",
html:"22222",
height:30
},{
title:"面板3",
html:"3333" ,
height:30
}
]
});
//创建按钮
new Ext.Button({
renderTo:"word",
text:"添加",
pressed:true,
height:30,
handler:Ext.emptyFn()
});
//为按钮添加事件
//Ext.get("btnAlert").addListener("click",a);
//Ext.get("btnAlert").on("click",a);
Ext.get("btnAlert").on("click",a,this,{delay:1000}); //事件延迟处理
//beforedestroy 事件 如果事 件响应函数返回 false,则会取消组件的销毁操作
var win = new Ext.Window({title:"不能关闭的窗口",height:200,width:300});
win.on("beforedestroy",function(obj){
alert("想关闭我,这是不可能的!");
obj.show();
return false;
});
win.show();
分享到:
相关推荐
ExtJS学习笔记.docExtJS学习笔记.docExtJS学习笔记.docExtJS学习笔记.doc
20. extJs 2.0学习笔记(Ext.Panel篇一) 48 21. extJs 2.0学习笔记(Ext.Panel篇二) 50 22. extJs 2.0学习笔记(Ext.Panel篇三) 59 23. extJs 2.0学习笔记(Ext.Panel篇四) 62 24. extJs 2.0学习笔记(组件总论篇) 66 25....
Extjs 5 学习笔记,在网上下载整理好的。
20. extJs 2.0学习笔记(Ext.Panel篇一) 48 21. extJs 2.0学习笔记(Ext.Panel篇二) 50 22. extJs 2.0学习笔记(Ext.Panel篇三) 59 23. extJs 2.0学习笔记(Ext.Panel篇四) 62 24. extJs 2.0学习笔记(组件总论篇) 66 25....
ExtJS4学习笔记(一)---window的创建 ExtJS4学习笔记(二)---HBox的使用 ExtJS4学习笔记(三)---VBox的使 ExtJS4学习笔记(四)---Grid的使用 ExtJS4学习笔记(五)---Grid分页 ExtJS4学习笔记(六)---多表头Grid ...
extjs学习笔记, 对应的书籍是extjs in action 没有看完...呵呵
EXTJS 学习笔记 ROY EXTJS学习笔记,自己学习的过程,不多但是实用
适合ExtJs开发人员extjs技术上手以及深入
根据word做的pdf版本的ExtJs学习笔记,根据原版进行了删减,欢迎大家下载啊,哈哈。
ExtJs简明教程+Extjs学习笔记,来源网络,免费奉送,我讨厌需要资源分~
非常适合新手学习extjs的笔记,让你少走弯路
extJs学习笔记,让新手能够快速理解extJS的原理,深人浅出的了解extjs的精髓。
老师整理的extjs学习笔记,和大家共享
是我学习Extjs 的学习笔记收藏整理,学习extjs的同学可以好好看看,绝对有好处,学到很多知识!
语言程序设计资料:ExtJs学习笔记-2积分.doc
自己总结的extjs4学习笔记,自己总结的extjs4学习笔记,自己总结的extjs4学习笔记,
ExtJS资料笔记(extjs各个属性的详解) ExtJS资料笔记(extjs各个属性的详解) ExtJS资料笔记(extjs各个属性的详解)