`
wlxt_8436
  • 浏览: 15942 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics