三方贸易如何报关:Ext3.2 window窗体

来源:百度文库 编辑:偶看新闻 时间:2024/04/29 22:53:10

Ext学习系列(3)-- Ext.Window



1、Ext.Window参数内容
window组件,它继承自panel.其中属性可参考panel。

不一样的属性有:

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()

例1:

            //Window例1

 

            Ext.get("button1").on("click", function() {

                var L1 = new Ext.Window({

                    contentEl: "divID1",

                    width: 400,

                    height: 200,

                    title: "例1"

                });

 

                L1.show();

 

            })

 

 

 

2、嵌套了tabpanelwindow

2

            //Window例2

 

            Ext.get("button2").on("click", function() {

                var L2 = new Ext.Window({

                    contentEl: "divID1",

                    width: 400,

                    height: 200,

                    title: "例2",

                    items: new Ext.TabPanel({

                        activeTab: 0,

                        border: false,

                        items: [{ title: "Tab1题目", html: "

Tabl1内容

" }, { title: "Tab2题目", html: "

Tabl2内容

"}]

 

                    }),

                    buttons: [{ text: "确定", handler: function() { Ext.MessageBox.alert("点击了确定按钮") } },

                              { text: "取消", handler: function() { Ext.MessageBox.alert("点击了取消按钮") } }],

                    buttonAlign:"center
                });

 

                L2.show();

 

            })