ExtJS 3.4 - 如何防止用户在窗口外点击?

时间:2013-12-03 04:17:16

标签: extjs focus extjs3

在我的应用程序中,我有一个Ext.Window组件,当用户单击按钮时会创建该组件。当此窗口打开时,我不希望用户能够在窗口关闭或提交之前单击此窗口之外的任何位置,类似于Ext.LoadMask冻结页面上的所有内容。我可以成功创建窗口,我认为我正在寻找的正确方法是focus()方法,但这对我不起作用。它完全没有效果。

我想知道我做错了什么,如果我误解了focus()方法的目的,或者是否有其他方法可以实现我想做的事情。以下是我的代码:

var window = new Ext.Window({
  title: 'Specify rezoning details',
  layout: 'fit',
  closable: false,
  width: 300,
  height: 200,
  items: [zoningCombo],
  buttons: [submitButton, cancelButton]
});
window.show(); //This works
window.focus(); //THIS DOES NOT WORK TO PREVENT INPUT ELSEWHERE

感谢您的帮助。

[R

1 个答案:

答案 0 :(得分:4)

在窗口配置中指定modal: true

参考:http://docs.sencha.com/extjs/3.4.0/#!/api/Ext.Window-cfg-modal