- 浏览: 69540 次
- 性别:
- 来自: 北京
最近访客 更多访客>>
最新评论
-
hzfeibao:
总结的很详细啊
Ext.grid.GridPanel -
lixiaodong59421:
Ext菜单可以显示到非ext控件上吗?
Ext.menu.Menu -
lixiaodong59421:
asdfasdfasdf
Ext.menu.Menu -
guanzhongdaoke54007:
有没有详细的,比如例子?
Ext.form.Radio -
deng1259070:
我要列加背景色怎么做?
Ext.grid.GridPanel
Ext.Window扩展自Ext.Panel,其xtype值为window。
1、主要配置项:
closable:是否允许关闭窗口,默认为true。
closeAction:关闭窗口的动作,包括以下两种:
close:从DOM删除窗口,销毁窗口及其所属组件,窗口不再可用,重新显示需要调用show方法。此为默认值。
hide:通过设置可见性隐藏窗口,窗口还可用,调用show方法后重新显示。
constrain:是否约束窗口只能在容器内移动,默认为false。窗口默认渲染到document.body。
constrainHeader:是否约束窗口头部只能在容器内移动,默认为false。
draggable:是否可拖曳,默认为true。
resizable:是否可改变窗口的大小,默认为true。
modal:是否为模式窗口,默认为false。
maximizable:是否可最大化窗口,默认为false。
maximized:是否在初始化时最大化显示窗口,默认为false。
x:窗口的X坐标值。
y:窗口的Y坐标值。
manager:WindowGroup的引用。
expandOnShow:是否在窗口显示时展开它,默认为true。 当取值为false时,collapsed取值为true时,窗口初始显示时收缩。
minimizable:是否可最小化窗口,默认为false。需要自定义最小化行为。
defaultButton:当窗口获得焦点时,默认获得焦点的按钮。
plain:主体背景是否透明,默认为false。
2、主要方法:
show( [String/Element animateTarget], [Function callback], [Object scope] ):显示窗口。
hide( [String/Element animateTarget], [Function callback], [Object scope] ):隐藏窗口。
center():窗口居中显示。
close():关闭窗口,相当于closeAction值为close的情形。
maximize():最大化窗口。
restore():还原窗口大小。
toggleMaximize():在最大化和还原之间切换。
minimize():最小化窗口。
setActive( Boolean active ):激活窗口。
focus():窗口获得焦点。
toBack():后置窗口。
toFront( [Boolean e] ):前置窗口。
resize( Ext.Window this, Number width, Number height ):改变大小。
3、Ext.WindowGroup的主要方法:
hideAll()
sendToBack( String/Object win )
bringToFront( String/Object win )
get( String/Object id )
getActive()
each( Function fn, [Object scope] )
getBy( Function fn, [Object scope] )
var win;
Ext.get("btnShowWindow").on("click", function(){
if(!win){
win = new Ext.Window({
title: "窗口",
layout: "border",
width: 500,
height: 300,
modal: true,
closeAction: "hide",
plain: true,
maximizable: true,
items: [
{
title: "组织机构",
region: "west",
collapsible: true,
split: true,
width: 100
},
{
title: "组织人员",
region: "center"
}
],
buttons: [
{text:"关闭", handler:function(){
win.hide();
}}
]
});
}
win.show(this);
});
var i=1, mygroup;
function newWin() {
var x = i++;
var win = new Ext.Window({
id:"win"+x,
title:"窗口"+x,
width:400,
height:300,
maximizable:true,
manager:mygroup
});
win.show();
}
function toBack(){
mygroup.sendToBack(mygroup.getActive());
}
function toFront(){
mygroup.bringToFront(mygroup.get("win1"));
}
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("btnToFront").on("click", toFront);
Ext.get("btnHide").on("click", hideAll);
});
1、主要配置项:
closable:是否允许关闭窗口,默认为true。
closeAction:关闭窗口的动作,包括以下两种:
close:从DOM删除窗口,销毁窗口及其所属组件,窗口不再可用,重新显示需要调用show方法。此为默认值。
hide:通过设置可见性隐藏窗口,窗口还可用,调用show方法后重新显示。
constrain:是否约束窗口只能在容器内移动,默认为false。窗口默认渲染到document.body。
constrainHeader:是否约束窗口头部只能在容器内移动,默认为false。
draggable:是否可拖曳,默认为true。
resizable:是否可改变窗口的大小,默认为true。
modal:是否为模式窗口,默认为false。
maximizable:是否可最大化窗口,默认为false。
maximized:是否在初始化时最大化显示窗口,默认为false。
x:窗口的X坐标值。
y:窗口的Y坐标值。
manager:WindowGroup的引用。
expandOnShow:是否在窗口显示时展开它,默认为true。 当取值为false时,collapsed取值为true时,窗口初始显示时收缩。
minimizable:是否可最小化窗口,默认为false。需要自定义最小化行为。
defaultButton:当窗口获得焦点时,默认获得焦点的按钮。
plain:主体背景是否透明,默认为false。
2、主要方法:
show( [String/Element animateTarget], [Function callback], [Object scope] ):显示窗口。
hide( [String/Element animateTarget], [Function callback], [Object scope] ):隐藏窗口。
center():窗口居中显示。
close():关闭窗口,相当于closeAction值为close的情形。
maximize():最大化窗口。
restore():还原窗口大小。
toggleMaximize():在最大化和还原之间切换。
minimize():最小化窗口。
setActive( Boolean active ):激活窗口。
focus():窗口获得焦点。
toBack():后置窗口。
toFront( [Boolean e] ):前置窗口。
resize( Ext.Window this, Number width, Number height ):改变大小。
3、Ext.WindowGroup的主要方法:
hideAll()
sendToBack( String/Object win )
bringToFront( String/Object win )
get( String/Object id )
getActive()
each( Function fn, [Object scope] )
getBy( Function fn, [Object scope] )
var win;
Ext.get("btnShowWindow").on("click", function(){
if(!win){
win = new Ext.Window({
title: "窗口",
layout: "border",
width: 500,
height: 300,
modal: true,
closeAction: "hide",
plain: true,
maximizable: true,
items: [
{
title: "组织机构",
region: "west",
collapsible: true,
split: true,
width: 100
},
{
title: "组织人员",
region: "center"
}
],
buttons: [
{text:"关闭", handler:function(){
win.hide();
}}
]
});
}
win.show(this);
});
var i=1, mygroup;
function newWin() {
var x = i++;
var win = new Ext.Window({
id:"win"+x,
title:"窗口"+x,
width:400,
height:300,
maximizable:true,
manager:mygroup
});
win.show();
}
function toBack(){
mygroup.sendToBack(mygroup.getActive());
}
function toFront(){
mygroup.bringToFront(mygroup.get("win1"));
}
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("btnToFront").on("click", toFront);
Ext.get("btnHide").on("click", hideAll);
});
发表评论
-
ext GridPanel 分页
2010-10-26 10:26 1269<!DOCTYPE html PUBLIC " ... -
EXT各种组件
2010-10-10 16:55 1015本范例展示如何使用表单的各种组件。 下拉框组件展示了5种使用 ... -
Ext.form.TimeField
2010-10-10 16:54 201813、Ext.form.TimeField 配置项 ... -
Ext.form.FieldSet
2010-10-10 16:46 136912、Ext.form.FieldSet 配置项: ... -
Ext.form.DateField
2010-10-10 16:45 122411、Ext.form.DateField 配置项: ... -
Ext.form.ComboBox
2010-10-10 16:45 177510、Ext.form.ComboBox 配置项: ... -
Ext.form.RadioGroup
2010-10-10 16:44 9879、Ext.form.RadioGroup 配置项: ... -
Ext.form.Radio
2010-10-10 16:44 8898、Ext.form.Radio 方法: ... -
Ext.form.CheckboxGroup
2010-10-10 16:44 9457、Ext.form.CheckboxGroup 配 ... -
Ext.form.Checkbox
2010-10-10 16:43 8086、Ext.form.Checkbox 配置项: ... -
Ext.form.NumberField
2010-10-10 16:43 10995、Ext.form.NumberField 配置 ... -
Ext.form.TextArea
2010-10-10 16:43 12894、Ext.form.TextArea 配置项: ... -
Ext.form.TextField
2010-10-10 16:43 12283、Ext.form.TextField 配置项: ... -
Ext.form.Label
2010-10-10 16:42 11112、Ext.form.Label 配置项: ... -
Ext.form.Hidden
2010-10-10 16:42 8161、Ext.form.Hidden -
Ext.form.Field
2010-10-10 16:41 10894、Ext.form.Field 配置项: ... -
Ext.form.FormPanel
2010-10-10 16:41 8593、Ext.form.FormPanel 配置项 ... -
Ext.form.BasicForm
2010-10-10 16:41 11292、Ext.form.BasicForm 配置项: ... -
Ext.form.Action
2010-10-10 16:41 10911、Ext.form.Action 配置项: ... -
Ext.grid.PropertyGrid
2010-10-10 16:40 15691、Ext.grid.PropertyGrid 主 ...
相关推荐
一个简单的Ext.Window中插入图片的例子,让您轻松掌握在Ext.Window中插入图片(照片)。
Ext.window的一个扩展组件SuperWin.js.可灵活自主随意定位,和显示模式;
从右下角动态弹出window,显示1分钟后自动隐藏,然后再弹出,类似MSN登录提醒。
EasyExt_003_第一个组件Ext.Window EasyExt_003_第一个组件Ext.Window
NULL 博文链接:https://oppovaan.iteye.com/blog/627655
Most configuration options are inherited from Ext.Window (see ExtJs docs). The added ones are: url - the url where to post uploaded files. base_params - additional post params (default to {}). ...
Ext.Window 通过DIV布局,通过DIV填充window内容,带Ext所需文件。
Ext.Panel API翻译 -------Window属性
环境:Window XP Sp2、Tomcat 6.0、MyEclipse 5.5、Ext 3.2 使用步骤: 1、下载解压缩之后,使用IDE导入工程 2、在MyEclipse中启动服务器 3、打开IE在地址栏输入:http://localhost:8080/ExtAjax/TestAjax.html 如果...
10、Ext.ux.window.EachDialog 11、Ext.ux.grid.property.Grid 12、Ext.ux.form.field.TinyMCE 13、Ext.ux.form.field.Grid 主页:https://github.com/harrydeluxe/extjs-ux 注明:在Extjs4.1上是可以使用的,Extjs...
第九章 Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件 72 一、面板控件 Ext.Panel 72 二、窗口控件 Ext.window.Window 74 三、布局控件 Ext.container.Viewport 77 第十章 ...
Ex4.0共2个压缩包特性,《ext js权威指南》 前 言 第1章 ext js 4开发入门 / 1 1.1 学习ext js必需的基础知识 / 1 1.2 json概述 / 3 1.2.1 认识json / 3 1.2.2 json的结构 / 3 1.2.3 json的例子 / 4 1.2.4 ...
this.Window.InitCenter = true; 51. Renamed TextMenuItem control to the MenuTextItem 52. GridPanel client API: submitData, getRowsValues has 1 argument only, config object 53. GenericPlugin: ...
3.2.7 Ext.window.MessageBox的其他功能 3.3 进度条组件介绍 3.3.1 认识Ext.ProgressBar 3.3.2 手工模式的进度条 3.3.3 自动模式的进度条 3.3.4 自定义样式的进度条样式 3.4 实现工具栏和菜单栏 3.4.1 认识...
3. ExtJs2.0学习系列(3)--Ext.Window 4. ExtJs2.0学习系列(4)--Ext.FormPanel之第一式 5. ExtJs2.0学习系列(5)--Ext.FormPanel之第二式 6. ExtJs2.0学习系列(6)--Ext.FormPanel之第三式(ComboBox篇) 7. ExtJs2.0学习...
ExtJS中窗口是由Ext.Window类定义,该类继承自Panel,因此窗口其实是一种特殊的面板Panel。窗口包含了浮动、可拖动、可关闭、最大化、最小化等特性。
Ext.ux.window.DetailMessageBox 带有可以折叠详细信息的对话框,该扩展组件是基于ExtJS5.1.1版本仿照MessageBox单例窗口编写。会有很多不完善的地方,将在以后的项目中或业余时间中进行修改。 部署扩展 将 ...
extend : 'Ext.Window', title : 'welcome!', initComponent : function() { this.items = [{ xtype : 'textfield', name : 'tfName', fieldLabel : 'Enter your name' }], this.callParent(arguments); } }); var ...
用法datetimePicker = new Ext.ux.touch.DateTimePicker({ useTitles: true, id: 'dt', value: { day: 23, month: 2, year: 2000, hour: 13, minute: 45 }, listeners: { "hide": function(picker) { window.alert&#...
JSP+EXT超强仿QQ聊天系统 WEBQQ