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

Question

在我的应用程序中，我有一个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

谢谢你的帮助。

右

Answer 1

modal: true在窗口的配置中指定。

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