将焦点设置为文本区域后，如何防止冒泡事件？

Question

我有以下几点：

xtype: 'gridpanel',
id: 'myGridPanel',
columns: [...],
store: myStore,
listeners: {
  select: function(){
    Ext.getCmp('myTextArea').focus();
    console.log('Text area has focus here');
  }
}

myTextArea在我调用.focus()之后myTextArea具有焦点，但是当程序执行离开选择函数时，它将失去焦点。 我认为问题是在调用选择侦听器之后发生了程序执行，并且执行正在改变焦点。 如何防止冒泡事件改变焦点？

Answer 1

select事件在以图形突出显示该行之前触发。 我假定那是焦点设置为其他内容（所选行）的时候，在Ext.js代码中经常发生这种情况。

您可以尝试使用其他选项（现在还没有尝试过，只是从内存中收集）：

1. 使用beforeselect事件并返回false ，则基础选择将被取消。 仅当您不需要实际的行选择时，这才起作用。 这等效于按照您的要求停止事件冒泡。

2. 使用超时，例如Ext.util.DelayedTask并等待几毫秒，然后再将焦点设置到文本区域。 在这种情况下，您将保留基础行选择。 这可能是您最好的选择。

3. 播放selectionchange事件。 关于时间，它的行为可能有所不同。