ExtJs Ext.Window的用法

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坐标值。

      managerWindowGroup的引用。

 

      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 ):改变大小。

 

3Ext.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 window = new Ext.Window({ 

        ///标题 

        title: '操作人员管理', 

        ///宽 

        width: 500, 

        ///高 

        height:500, 

        ///最小的宽带 

        minWidth: 300, 

        ///最小的高度 

        minHeight: 200, 

        ///布局的方式 

        layout: 'fit', 

        ///是否允许调整大小 

        resizable:false, 

        ///是否准许拖动 

        draggable:true, 

        ///关闭按钮 

        closable:true, 

        ///是否视图中显示 

        constrain:true, 

        ///是否为透明背景 

        plain:true, 

        ///显示最小化按钮 

        minimizable:true, 

        ///最大化按钮 

        maximizable:true, 

        ///是否显示收缩按钮 

        expandOnShow:true, 

        ///是否显示关闭按钮 

        closable:false, 

        ///关闭按钮样式 

        collapsedCls:"x-plain", 

         ///不可用时  是否进行遮挡 

        maskDisabled:true, 

        ///头部文本 

        headerAsText:"头部标题", 

        ///表 

        bodyStyle:'padding:5px;', 

        ///按钮的对其方式 

        buttonAlign:'center', 

         items: xform,

        buttons: [{ 

            text: '关闭

        },{ 

            text: '取消

        }] 

    });

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值