ExtJS003单击按钮弹出window

 

html部分

<input type="button" id="btn" name="name" value="点击" />

 

js部分

Ext.onReady(function () {
    
    //单击按钮弹出window

    //方式1：
    //弹窗，只显示一个窗口
    //var btn = Ext.get('btn'); //这个元素是经过Ext包装的一个Ext的Dom对象
    //btn.on('click', function () {
    //    if (!Ext.getCmp("mywin")) {//如果id为mywin 不存在，就创建一个id为他的窗体
    //        Ext.create('Ext.window.Window', {
    //            id: 'mywind',//如果你给组件一个id，那么这个组件就会被Ext所管理
    //            title: '新窗体',
    //            height: 300,
    //            width: 400,
    //            //modal:true,//模式化
    //            renderTo: Ext.getBody() //窗体显示渲染在body中
    //        }).show();//显示
    //    } 
    //});
    
    //方式2：
    //这种方式不好，耗内存     这里关闭为隐藏，窗体一直在内存中。
    var win = Ext.create('Ext.window.Window', {
            title: '新窗体',
            height: 300,
            width: 400,
            renderTo: Ext.getBody(),
            closeAction:'hide' //closeAction默认是destroy（销毁） 这里是隐藏
    });

    Ext.get('btn').on('click', function () {
        win.show();
    });



});