zoukankan      html  css  js  c++  java
  • ExtJs4.2—Window组件

    api描述:

    一个指定的打算作为一个应用程序窗口的面板。默认窗口是浮动的,resizable(可调整大小), 并且draggable(可拖动)。窗口可以maximized(可最大化)来充满视口,恢复到他们以前的大小,并且能minimize(可最小化)。

    示例:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
     
    /**
    * Window组件
    */

    Ext.onReady(
    function(){
        Ext.create(
    'Ext.window.Window', {
        title:
    'Hello',
        height:
    200,
       
    400,
        layout:
    'fit',
        items: { 
    // Let's put an  grid in just to illustrate fit layout
            xtype: 'grid',
            border:
    false,
            columns: [{
                 header:
    'cols1'
            },{
                 header:
    'cols2'
            },{
                 header:
    'cols3'
            },{
                 header:
    'cols4'
            }],
    // 显示头部。
            store: Ext.create('Ext.data.ArrayStore', {}) // 一个假的空的数据存储
        }
        }).show();
    });

    页面显示效果:

    image

    一、属性
    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:关闭窗体。

  • 相关阅读:
    小程序中父子组件间的通信与事件
    关于绝对定位那些事儿 —— 与 overflow: hidden
    关于 hover 时候闪烁的问题
    大工不巧的 前端设计 和 编程艺术
    GoF “四人组” 提出的 23 种设计模式 及 JavaScript 设计模式
    原型和继承 constructor、prototype、__proto__
    js 中的类型比较
    取模 和 取余
    音频文件播放失败 Unhandled Exception: [Object DOMException]
    C语言入门:06.基本运算
  • 原文地址:https://www.cnblogs.com/elgin-seth/p/5335015.html
Copyright © 2011-2022 走看看