在javascript中获取primefaces widgetVar并更新它

Question

我有一个这样的 primefaces 组件：

<p:panel styleClass="errorsPanelClass" id="errorsPanel" header="Messages" toggleable="true" effect="drop" toggleSpeed="0" closeSpeed="0" widgetVar="errorsPanelWidget">

我正在尝试在 javascript 上下文中获取组件并对其进行更新。

我已经尝试过：

function getWidgetVarById(id) {
   for (var propertyName in PrimeFaces.widgets) {
     if (PrimeFaces.widgets[propertyName].id === id) {
       return PrimeFaces.widgets[propertyName];
     }
   }
}

或

How to find a widgetVar?

或

Get widgetVar with JavaScript or check/uncheck all other PrimeFaces checkboxes

如果我能找到按类获取 widgetVar 的解决方案，那就太好了，但欢迎任何其他解决方案。

我也试过了：

function getWidgetVarById() {
    for ( var propertyName in PrimeFaces.widgets) {
        alert(PrimeFaces.widgets[propertyName].id);
    }
}

但我收到一个 javascript 错误“'PrimeFaces.widgets.length' 为空或不是对象”

有什么想法吗？

Answer 1

PrimeFaces 3.5 的 id 和 widgetVar 之间没有映射。在 3.5 中，小部件被添加到“窗口”对象中，而不是存储在其他地方。这意味着 widgetVar 已经是您可以直接使用的变量。

<p:panel id="errorsPanel" widgetVar="errorsPanelWidget">

3.5/4.0：（在 4.0 中这仍然有效，但不推荐使用 PF('..') 方式） errorsPanelWidget.close()

5.0 及以上： PF('errorsPanelWidget').close()（除非您配置了传统模式，之后它将表现得像 3.5/4.0）

然后，最简单的方法是使用一个约定，将您的 widgetVar 命名为您的 id，但带有一个后缀，例如id_widget。您可以（不建议这样做）将 widgetVar 排除在外，然后该小部件与 id 相同（这在某些情况下会导致分类，这就是 PF 放弃此约定的原因）。

您仍然可以检查 3.5 中的 widgetVar 值是否以一种或另一种方式添加到小部件的外部 html 元素中。然后，您可以使用一些 jquery 检索它。就个人而言，我在以前的 PF 版本中使用了“约定”方式（将“Widget”附加到 id 中的值并将其放入 widgetVar 属性中）

如果“更新”小部件，你的意思是更新小部件的内容，你不能。没有refresh() 类型的方法可以做到这一点。您可以做的是将 id(!) 发送到服务器并通过 requestContext 执行 update(..) 像这样

RequestContext context = RequestContext.getCurrentInstance();
context.update("errorsPanel");

但是，在您更新列表服务器端的那一刻，这样做可能会更好。所以可能是你掉进了XY陷阱。

但如果真的需要，这里有一个可行的例子，使用PrimeFaces extensions remoteCommand，因为这是最简单的方法）

xhtml:

<pe:remoteCommand id="refreshWidgetCommand" name="refreshWidget" process="@this" actionListener="#{updateWidgetController.refresh}">  
    <pe:methodSignature parameters="java.lang.String"/>  
    <pe:methodParam name="id"/>  
</pe:remoteCommand>  

豆子：

@ManagedBean  
@RequestScoped  
public class UpdateWidgetController {  

    public void refresh(final String id) {  

        RequestContext context = RequestContext.getCurrentInstance();
        context.update(id);
    }
}

打电话给refreshWidget('errrosPanel');会达到你想要的。

不想使用 PFE（或者由于版本不兼容而无法使用），您可以使用 PF remoteCommand 实现相同但 3.5 的具体示例可能会有所不同