ExtJS—window组件Listeners的使用

最新推荐文章于 2023-09-19 10:24:16 发布

转载最新推荐文章于 2023-09-19 10:24:16 发布 · 675 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mingle/articles/1907251.html

文章标签：

#javascript #ViewUI

本文介绍如何在ExtJS中为窗口添加关闭监听事件，并通过示例代码展示了如何使用hide方法而非close方法来避免重复创建窗口时出现错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用场景：关闭window的时候增加监听事件。

正确的使用方式：

Code
1 Ext.onReady(function(){
2     var win;
3     var button = Ext.get('show-btn');
4
5     button.on('click', function(){
6         // create the window on the first click and reuse on subsequent clicks
7         if(!win){
8             win = new Ext.Window({
9                 applyTo     : 'hello-win',
10                 layout      : 'fit',
11                 width       : 500,
12                 height      : 300,
13                 closeAction :'hide',
14                 plain       : true,
15                 listeners   : {'hide':{fn: makesure}},
16                 modal:true,
17                 items       : new Ext.TabPanel({
18                     applyTo        : 'hello-tabs',
19                     autoTabs       : true,
20                     activeTab      : 0,
21                     deferredRender : false,
22                     border         : false
23                 }),
24
25                 buttons: [{
26                     text     : 'Submit',
27                     disabled : true
28                 },{
29                     text     : 'Close',
30                     handler  : function(){
31                         win.hide();
32                     }
33                 }]
34             });
35         }
36         win.show(button);
37     });
38     function makesure(){
39         alert('close success');
40     }
41
42 });

html代码：

Code
1