学习ExtJS Window常用方法_extjs

一、属性
plain:布尔类型,true表示强制与背景色保持协调,默认值为false。
resizable:布尔类型,用户是否可以调整窗体大小,默认值为true表示可以调整大小。
maxinizable:布尔类型,true表示显示最大化按钮,默认值为false。
maximized:布尔类型,true表示显示窗体时将窗体最大化,默认值为false。
closable:布尔类型,true表示显示关闭按钮,默认值为true。
bodyStyle:与边框的间距,如:bodyStyle:"padding:3px"。
buttonAlign:窗体中button的对齐方式(left、center、right),默认值为right。
closeAction:"close"释放窗体所占内存,"hide"隐藏窗体,建议使用"hide"。

二、方法
show:打开窗体。
hide:隐藏窗体。
close:关闭窗体。

三、事件
show:打开窗体时触法。
hide:隐藏窗体时触法。
close:关闭窗体时触法。

四、应用举例

复制代码 代码如下:

Ext.onReady(function(){
var _window=new Ext.Window({
title:"登陆",
renderTo:Ext.getBody(),
frame:true,
plain:true,
resizable:false,
buttonAlign:"right",
closeAction:"hide",
maximizable:true,
closable:true,
bodyStyle:"padding:4px",
width:310,
height:230,
layout:"form",
lableWidth:45,
defaults:{xtype:"textfield",width:180},
items:[{fieldLabel:"帐号"},{fieldLabel:"密码"}],
buttons:[{text:"确定"},{text:"取消",handler:function(){_window.hide();}}],
listeners:{
"show":function(){
alert("显示");
},
"hide":function(){
alert("隐藏");
},
"close":function(){
alert("关闭");
}
}
})
_window.show();
})

时间: 2024-07-29 21:33:52

学习ExtJS Window常用方法_extjs的相关文章

学习ExtJS Panel常用方法_extjs

 一.属性 frame:布尔类型true 或 false ,为true时表示边框为圆角且具有背景色,取false则反之. xtype:在EXTJS的可视化组件部署中的一种机制,即通过指定xtype的值,来告诉容量如何初始化所包含的级件,如xtype:"textfiled",表示使用Ext.form.TextFile来进行初始化当前组件. xtype Class ------------- ------------------ box button buttongroup colorpa

学习ExtJS TextField常用方法_extjs

一.属性 fieldLabel:标签名称. labelWidth:标签宽度. ID:文件框ID. 二.构造参数 listeners:在对象初始化之前,将一系列事件进行绑定. 三.函数 getCmp(string _id):得到id为_id的组件对象. getValue():得到文件框值. 四.其它 layout:只在在此布局下才能正确显示文件框的标签名,布局的宿主对象必面 是Ext.Container或者Ext.Container的子类. 在应用FormLayout布局时只要在宿主对象的构造参数

学习ExtJS Column布局_extjs

一.属性(构造参数) baseCls:"x-plain" Panel背景色颜色. layout:"column" Panel进行列布局. 在子元素中指定使用columnWidth或width来指定子元素所占的列宽度. columnWidth表示使用百分比的形式指定列宽度. width则是使用绝对象素的方式指定列宽度,在实际应用中可以混合使用两种方式. 二.应用举例 复制代码 代码如下: Ext.onReady(function(){ new Ext.Window({

学习ExtJS form布局_extjs

一. Form布局由类Ext.layout.FormLayout定义,名称为form,是一种专门用于管理表单中输入字段的布局,这种布局主要用于在程序中创建表单字段或表单元素等使用. hideLabels:tru表示隐藏标签,默认为false. labelAlign:标签队齐方式left.right.center,默认为left. 复制代码 代码如下: Ext.onReady(function(){ var _panel = new Ext.Panel({ title:"人员信息", r

学习ExtJS accordion布局_extjs

一.Accordion布局由类Ext.layout.Accordion定义,表示可折叠的布局,点击每一个子元素的头部名称或右边的按钮,则会展开该面板,并收缩其它已经展开的面板. layoutConfig:true表示在执行展开折叠时启动动画效果,默认值为false. 二.应用举例 复制代码 代码如下: Ext.onReady(function(){ var _panel = new Ext.Panel({ title:"人员信息", renderTo:Ext.getBody(), fr

学习ExtJS border布局_extjs

一.Border布局由类Ext.layout.BorderLayout定义,布局名称为border.该布局把容器分成东南西北中五个区域,分别由east,south, west,north, cente来表示,在往容器中添加子元素的时候,我们只需要指定这些子元素所在的位置,Border布局会自动把子元素放到布局指定的位置. 二.应用举例 复制代码 代码如下: Ext.onReady(function(){ new Ext.Viewport({ layout:"border", items

学习ExtJS(一) 之基础前提_extjs

一.学习ExtJS前提 1.Javascript 2.JSON(减肥的XML) 3.Java(C#) 4.Web Services 5.HTML DOM 6.AJAX 二.配置ExtJS运行环境 1.CSS文件:resources\css\ext-all.css 2.底层支持文件:adapter\ext\ext-base.js 3.环境文件:ext-all.js 官方网站地址 http://www.extjs.com

Extjs Window用法详解

今天我们来介绍一下Extjs中一个常用的控件Window.Window的作用是在页面中创建一个窗口,这个窗口作为容器,可以在它里面加入grid.form等控件,从而来实现更加复杂的界面逻辑. 本文的示例代码适用于Extjs 4.x和Extjs 5.x,在Extjs 4.2.1 和Extjs 5.0.1中亲测可用! 本文由齐飞(youring2@gmail.com)原创,并发布在http://www.qeefee.com/article/extjs-window-in-detail,转载请注明出处

extjs window 重复打开

问题描述 extjs window 重复打开 有一个新增按钮,单击一下新增按钮,就会弹出一个添加信息的window窗口,请教怎么做才使多次单击新增按钮只打开一个window窗口, 解决方案 保存下这个窗口对象,直接调用show方法 if(!window.win){//对象不存在创建 window.win=Ext.create('Ext.window.Window',{.............}}; } window.win.show();