EXTJS4.0WINDOW.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坐标值。
      manager:WindowGroup的引用。
 
      expandOnShow:是否在窗口显示时展开它,默认为true。 当取值为false时,collapsed取值为true时,窗口初始显示时收缩。
      minimizable:是否可最小化窗口,默认为false。需要自定义最小化行为。
      defaultButton:当窗口获得焦点时,默认获得焦点的按钮。
      plain:主体背景是否透明,默认为false。

header:{

xtype:'box',

cls:'x-win-self-title',

html:'未分明细'

}//写在第一个items里面

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 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: '取消' 
        }] 
    });

猜你喜欢

转载自blog.csdn.net/mihl520/article/details/84286572