• 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:关闭窗体。

  • 相关阅读:
    php八种常用函数
    已知二叉树的前序中序遍历,如何得到它的后序遍历?
    PTA_Have fun with numbers(C++)
    PTA_输入符号及符号个数打印沙漏(C++)
    Web安全之SQL注入
    南京邮电大学//bugkuCTF部分writeup
    修改或添加HTTP请求头
    第二次作业
    博客作业1
    linux python 串口
  • 原文地址:https://www.cnblogs.com/elgin-seth/p/5335015.html
Copyright © 2020-2023  润新知