extjs - Ext.LoadMask 允许编辑 TextField。如何避免？

Question

应用LoadMask后，文本字段仍然是可编辑的（尽管被屏蔽了）。

3.4.0 中的代码片段：

var enterPressedCounter=0; var btn = new Ext.Button({
     text: 'Unmask it',
     handler: function(){
         if(form.mask) form.mask.hide();
     } }); 

var textField= new Ext.form.TextField({
    fieldLabel: 'Text field',
    emptyText: 'Please enter a text and press enter',
    width: 230,
    listeners: {
        specialkey: function(field, e){
            if (e.getKey() == e.ENTER) {
                enterPressedCounter++;
                if(enterPressedCounter % 2 == 1){
                    form.mask= new Ext.LoadMask(form.el,{ msg:
                        'Now continue typing...'});
                    form.mask.show();
                }else{
                    btn.handler();
                }
            }
        }
    }
});

var form = new Ext.FormPanel({        
    frame:true,
    title: 'Load mask with text',
    bodyStyle:'padding:5px 5px 0',
    width: 500,     height: 150,        
    items: textField,
    mask: null,
    buttons: [btn] 
 });

form.render(document.body);

我怎样才能在没有副作用的情况下解决这个问题？

也可以看看：

• Ext 5.1.0.107 中的代码片段
• 4.2 中的代码片段（您可能需要切换 ext 版本）
• 煎茶论坛