码迷,mamicode.com
首页 > Windows程序 > 详细

ExtJs window(一)使用API以及window常用属性和方法

时间:2016-08-20 01:28:01      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:

1.使用API

xtype:组件的别名

Hierarchy 层次结构

Inherited mixins 混入的类

Requires 该组件需要使用的类

configs:组件的配置信息

properties:组件的属性

methods:组件的方法

events:组件的事件

2.window组件常用属性和方法讲解:

configs:

constrain:布尔值,true为限制窗口只能在其容器内移动,默认值为false,允许窗口在任何位置移动。(另:constrianHeader属性)

modal:布尔值,true为设置模态窗口。默认为false

plain:布尔值,true为窗口设置透明背景。false则为正常背景,默认为false

x、y 设置窗口左上角坐标位置。

onEsc:复写onEsc函数,默认情况下按Esc键会关闭窗口。

closeAction:string值,默认值为‘destroy‘,可以设置‘hide‘关闭时隐藏窗口

autoScroll:布尔值,是否需要滚动条,默认false

Ext.onReady(function(){
    
    //Ext.create方法相当于创建一个实例对象,
    Ext.create(
    ‘Ext.window.Window‘,
    {
        title : ‘我是第一个组件‘,
        width : 400,    //项目中用百分比的形式‘20%‘,因为用户屏幕不一样
        height : 300,
        layout : ‘fit‘,
        constrain : true,//限制窗口不超出浏览器
        modal : true,    //设置模态窗口,背景置灰
        plain : true,    //窗口设置为透明
        x:50,
        y:50,    //设置窗口左上角位置
        autoScroll : true,    //添加滚动条
        html : ‘<div style=width:200px;height:200px>我是一个div</div><div style=width:200px;height:200px>我是一个div</div>‘,
        constrainHeader : true,//不允许窗口标题超出浏览器边界
        renderTo:Ext.getBody() //新创建的组件渲染到body,否则没有东西
    }).show();//默认是隐藏的
});

 

ExtJs window(一)使用API以及window常用属性和方法

标签:

原文地址:http://www.cnblogs.com/wangqiang4518/p/5789427.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!