Ext Js（4.2） Window

<strong><span style="background-color: rgb(255, 255, 255);"><span style="font-size:18px;">  <script type="text/javascript">
      Ext.onReady(function () {    
      //定义window窗口
      var win = Ext.create("Ext.window.Window", {
         id: "myWin",
         resizable: false,
         draggable: false,
         title: "Friends Group",
         width: 300,
         height: 400,
         layout: "vbox",
         modal: true,
         buttonAlign: 'center',
         items: [
                     wingrid, winform,
                     { xtype: 'label', id: 'prompt', width: 290, text: '', cls: 'hide', style: { textAlign: 'center', color: 'red'} }
                ],
         buttons: [
                     { xtype: "button", text: "OK",
                        handler: function () {
                           var newRadio = Ext.getCmp('newRadio');
                           var reRadio = Ext.getCmp('reRadio');
                           if (newRadio.getValue())
                           { _.newGroupName(); }
                           if (reRadio.getValue())
                           { _.reGroupName(); }
                        }
                     },
                     { xtype: "button", text: "CANCEL",
                        handler: function () {//单击CANCEL按钮时执行
                           if (_.isColumn) {
                              var recordToEdit = Ext.getCmp('grid').getSelectionModel().getSelection();
                              recordToEdit[0].set("Group", _.currentGridGroupName);
                           }
                           _.isColumn = false;
                           this.up("window").close();
                        }
                     }
                  ],
         listeners:
                  {
                     show: function () {
                        var newGroupName = Ext.getCmp('newGroupName');//得到newGroupName组件
                        newGroupName.focus(false, true);//窗口显示时mewGroupName获得焦点
                     }
                  }
      });
      win.show();
   };
})
    </script></span></span></strong>

id: "myWin"为Window窗口定义一个ID,以便在代码中引用该窗口；

Ext.create("Ext.window.Window",{   }):定义Window窗口，在｛｝中添加配置;

resizable: false定义该窗口为不能手动改变大小；

draggable: false定义该窗口为不能手动拖动位置；

title: "Friends Group"定义该窗口上标题栏显示的内容；

width: 300定义该窗口的宽度；

height: 400定义该窗口的高度；

layout: "vbox"定义该窗口的布局模式；

modal: true定义该窗口为模态窗口，就是说打开该窗口后，窗口后的内容不可操作；

buttonAlign: 'center'定义该窗口中按钮的对齐方式；

items：[   ]定义该窗口所包含的内容，是一个数组；

buttons:定义该窗口中显示的按钮；

listeners:定义该窗口监听的事件，只要是窗口支持的事件都可以写在这里；

var win=Ext.getCmp("myWin"):得到该窗口;

win.show():显示该窗口；

win.close():关闭该窗口；

更多学习内容可参考本人的该博文：《学习博客、网站》