Ext window组件常见属性学习

1、window配置属性
    1.closeAction:枚举值为:close(默认值),当点击关闭后,关闭window窗口 hide,关闭后,只是hidden窗口
    2.closable:true在右上角显示小叉叉的关闭按钮,默认为true
    3.constrain:true则强制此window控制在viewport,默认为false
    4.modal:true为模式窗口,后面的内容都不能操作,默认为false
    5.plain://true则主体背景透明,false则主体有小差别的背景色,默认为false
    //需要显示下show()方法,默认的窗口是可拖动的,可关闭的,可拖动大小的
    w.show()
2、嵌套了tabpanel的window

js代码:
Ext.onReady(function(){
    var w=new Ext.Window({
                contentEl:"win",
                width:300,
                height:200,
                items:new Ext.TabPanel({
                        activeTab:0,//当前标签为第1个tab(从0开始索引)
                        border:false,
                        items:[{
                                title:"tab1",
                                html:"tab1在windows窗口中"
                            },{
                                title:"tab2",
                                html:"tab2在windows窗口中"
                            }
                        ]//TabPanel中的标签页
                }),
                plain:true,//true则主体背景透明,false则主体有小差别的背景色,默认为false
                title:"标题" ,
                bbar:[{         //bottom部
                        text:'确定'
                    },{
                        text:'取消',handler:function() {
                                w.close();
                            }
                    }
                ],
                buttons:[{         //footer部
                            text:'确定'
                        },{
                            text:'取消',handler:function(){
                                w.close();
                            }
                        }
                ],
                buttonAlign:'center',    //footer部按钮排列位置,这里是中间
                collapsiable:true   //右上角的收缩按钮
        });
        w.show();

})
html代码:
<body>
    <div>
        <div id="win" class="x-hidden"></div>
    </div>
</body>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值