9、窗口基本应用
var i=0;
function newWin(){
var win = new Ext.Window({
title:"窗口"+i++,
width:400,
height:300,
maximizable:true
});
win.show();
}
Ext.onReady(function(){
Ext.get("btn").on("click",newWin)
});
10、窗口分组
var i=0;
function newWin(){
var win = new Ext.Window({
title:"窗口"+i++,
width:400,
height:300,
maximizable:true,
manager:mygroup
});
win.show();
}
function toBack(){
mygroup.sendToBack(mygroup.getActive());
}
function hideAll(){
mygroup.hideAll();
}
Ext.onReady(function(){
mygroup = new Ext.WindowGroup();
Ext.get("btn").on("click",newWin);
Ext.get("btnToBack").on("click",toBack);
Ext.get("btnHide").on("click",hideAll);
});
11、对话框
Ext的对话都封装在Ext.MessageBox类,该类还可以简写Ext.Msg
Ext.onReady(function(){
Ext.get("btnAlert").on("click",function(){
Ext.MessageBox.alert("请注意","这里是ExtJS的提示框");
});
});
12、Ext.MessageBox除了alert外,Ext还包含confirm,prompt,progress,wait等对话框
Ext.onReady(function(){
Ext.get("btn").on("click",function(){
Ext.MessageBox.confirm("请确认","是否真的要删除指定的内容",function(button,text){
alert(button);
alert(text);
});
});
});
Ext.onReady(function(){
Ext.get("btn").on("click",function(){
Ext.MessageBox.confirm("请确认","是否真的要删除指定的内容",function(button,text){
if(button=="yes"){
alert("删除成功");
}
if(button=="no"){
alert("删除不成功");
}
});
});
});
Ext.onReady(function(){
Ext.get("btn").on("click",function(){
Ext.MessageBox.prompt("输入提示框","请输入你新年愿望:",function(button,text){
if(button=="ok"){
alert("你新年的愿望是:"+text);
}
else alert("你放弃了录入");
});
});
});
13、layout布局
Ext.onReady(function(){
new Ext.Panel({
renderTo:"hello",
width:400,
height:200,
layout:"column",
items:[{columnWidth:.5,title:"面板1"},
{columnWidth:.5,title:"面板2"}]
});
});
14、Border区域布局
Ext.onReady(function(){
new Ext.Viewport({
layout:"border",
items:[{region:"north",
height:100,
title:"顶部面板"},
{region:"south",
height:50,
titl:"底部面板"},
{region:"center",
title:"中央面板"},
{region:"west",
width:100,
title:"左边面板"},
{region:"east",
width:100,
title:"右边面板"} ]
});
})
(来源:http://www.iomo.cn)
分享到:
相关推荐
-(4)<br>JavaScript面向对象的支持--(5)<br>JavaScript面向对象的支持--(6)<br>JavaScript精简学习1:基础知识<br>JavaScript精简学习2:浏览器输出<br>JavaScript精简学习3:图像<br>JavaScript精简学习4:表单<br>...
'<tr><td>性别</td><td>{2}</td></tr>', '</table>' ) //模板值和模板进行组合并将新生成的节点插入到id为'tpl-table'的元素中 tpl.append('tpl-table',['小王',25,'男']); var tpl = new Ext.Template(//...
EXT2.0,也就是EXTJS2.0是目前最新的技术...<br><br>具体的帮助文档请去网上查询 搜索EXTJS 或者EXT2.0使用教程即可<br><br>还有可以一起使用的开发类工具 <br>FreeMarker (www.freemarker.org)<br>JSON (www.json.org)
对ExtJS的TabPanel加载带js的iframe页提供支持<br>extjs load once提供支持<br>extjs 面板间消息传递提供支持。。<br><br>资源整理自extjs论坛,修正了里面的链接和异常,直接部署到extjs2.1的example底下就可以<br>...
<br>第 2 章 震撼吧!让你知道ext表格控件的厉害。 <br>第 3 章 歌颂吧!只为了树也要学ext。 <br>第 4 章 祝福吧!把表单和输入控件都改成ext的样式。 <br>第 5 章 雀跃吧!超脱了一切的弹出窗口。 <br>第 6 章 ...
我这是根据别人写的做成PDF文档<br>第一章 开始ExtJS………………………………………………………………………………………………………4<br>1.1 获得ExtJS……………………………………………………………………...
找了半天,结果在extjs的老家找到一个前辈写的代码,可以在grid上面加上合计,<br><br>但是却只能合计grid里面的数据,但是我们平常一般是只显示20行或者30行,这样的合计就没有什么意义,我们的合计数据是单独从...
这个软件现在市面上只有2.0 和2.1<br>2,0有些新东西不能用<br>2.1要钱才能用啊,<br><br>怕这个东西以后2.02没有了先发个到csdn保存一下,<br><br>听说网友想在2.02上开发出网友自己的2.1这个目前不敢肯定,但是官方的...
<br><br>如果没听说过extjs或者对extjs没有兴趣,请不要继续看下去。<br><br>extjs是一套完整的富客户端解决方案,也因为功能完整,造成ext-all.js有400多k,请注意,这还是压缩后的大小,而且因为是基于js和css的...
<br>教程包括ExtJS的新手入门、组件体系结构及使用、ExtJS中各控件的使用方法及示例应用等,是一个非常适合新手的ExtJS入门教程。本教程主要是针对ExtJS2.0进行介绍,全部代码、截图等都是基于ExtJS2.0。<br>
items<array> 选项卡元素集合 选项卡组件渲染后就会显示的选项卡元素集合,具体参数请查看选项卡元素。 width<number> 宽度 选项卡组件的总宽度,默认400px。 height<number> 高度 选项卡组件中页面显示层的高度,...
<name>深入浅出extjs</name> <author>张三</author> <price>88</price> </book> <book id=2> <name>锋利的jQuery</name> <author>李四</author> <price>99</price> </book> <book id=3> <name>深入浅出flex</name> ...
<script type = "text/javascript" src = "../ext-3.3.0/adapter/ext/ext-base.js"></script> <script type = "text/javascript" src = "../ext-3.3.0/ext-all.js"></script> <script type = "text/javascript" ...
ext中文手册.pdf<br>extjs.pdf<br>EXT2.0中文教程.exe
extjs4,大家都来看看啊!!!!!!!!!!!
<connectionStrings> <add name="SampleAccess" connectionString="Data Source=.;database=EXTDatabase;user id=sa;password=0;"/> </connectionStrings> <appSettings> <add key="DbHelperProvider" value=...
本文实例讲述了使用... <name>深入浅出extjs</name> <author>张三</author> <price>88</price> </book> <book id=2> <name>锋利的jQuery</name> <author>李四</author> <price>99</price> </book> <book
ExtJs 中文帮助文档<br>内容十分齐全!<br>入门和提高 和查询 的好帮手!
Hibernate+Spring+Struts2+ExtJS整合开发实例<br>非常经典!学习的好帮助!