Extjs 窗口默认关闭按钮

Posted

技术标签:

【中文标题】Extjs 窗口默认关闭按钮【英文标题】:Extjs Window Default Close Button 【发布时间】:2012-11-12 07:42:12 【问题描述】:

我在面板中有一个按钮,点击后会调出一个子窗口。我已经创建了它,并且里面已经有项目。一旦子窗口打开,父面板将被禁用。

在子窗口中,我有一个关闭窗口的按钮,然后将启用父面板。

  childWindow.close();
  parent.enable();

我的问题是窗口右上角的默认关闭按钮。如果我单击它,我将无法启用父面板。它保持禁用状态,因为我当然禁用了它。

使用默认关闭按钮关闭父面板后,如何启用它?

【问题讨论】:

【参考方案1】:

在您的“主”窗口内放置一个监听器来监听“子”窗口的close 事件。侦听器将工作,即使它被禁用。在下面的示例中,我假设 win ref 是您的“主”窗口的引用,而“child”是您的孩子之一。

openWin: function(child) 
    child.on('close', reactivate, this);
    child.show();
    this.disable();
,
reactivate: function() 
    this.enable();

【讨论】:

试过了,但它不起作用....我可以像 child.on('close', function() win.enable()) 那样做吗?我不知道这是否正确或什么是正确的做法。我试过了,但也不起作用。 @oneofakind 好吧,这只是一个例子......我已经编辑了一点。【参考方案2】:

如果您想禁用窗口后面的所有内容,请使用 Ext.window.Window

modal 配置

模态:布尔值

True 使窗口模态化并屏蔽所有内容 显示时在其后面,false 不限制显示 访问其他 UI 元素。

默认为:假

【讨论】:

以上是关于Extjs 窗口默认关闭按钮的主要内容,如果未能解决你的问题,请参考以下文章

extjs 如何关闭当前整个网页

ExtJS4 窗口在 IE 中不关闭

在 ExtJS 4.1 中单击外部窗口时如何关闭窗口?

ExtJs弹出窗口

extjs 定义window时右上角有一个关闭按钮,点击时是隐藏操作,如何让它关闭操作?

extjs 定义window的时候有一个右上角有一个关闭按钮,点击时是隐藏操作,如何让它做关闭操作