<f:ajax 请求完成后如何设置 UIComponent 的焦点？

Question

首先，非常感谢大家一直以来的支持。

我有一个与 .xhtml 和 'f:ajax' 相关的问题。

我正在通过默认折叠的 bean 变量设置 richfaces:collapsiblepanel 'expanded' 属性，并且在模糊事件时它会被扩展。我想在 f:ajax 请求完成后将焦点设置为 UIComponent。为此，我用 javascript 编写了一个函数，并在 f:ajax 的 'onevent' 中调用它。

但是 onevent 函数在面板打开之前触发，我无法将焦点设置在该可折叠面板中定义的 UIComponent 上。

我如何设置焦点或在 ajax 请求完成后如何触发该功能？

提前致谢。

Answer 1

你的 js 函数应该是这样的

function doTheFocus(data) {
    if (data.status === 'success') {
        //here goes the js code that will set the focus
        //this code will be executed only when the ajax will be done
    }
}

这就是你的f:ajax 的样子

<f:ajax onevent="doTheFocus" />

---

如果你想在面板打开时调用焦点的js函数可以试试

<rich:collapsiblePanel onswitch="doTheFocus"

或者（我不确定...）

<rich:collapsiblePanel onswitch="doTheFocus()"

如果您最终将使用 onswitch ，您可能需要在 doTheFocus 函数中添加一些逻辑来检查面板是否展开...