CombinedResourceHandler 不适用于 PrimeFaces 或 PF 扩展

Question

我将从一个示例开始，如果我有 2 个这样的面板：

<h:panelGroup id="container">
  <!-- PANEL 1 -->
  <c:if test=#{bean.render1}>
    <ui:include ... />
  </c:if>

<!-- PANEL 2 -->
  <c:if test=#{bean.render2}>
    <ui:include ... />
  </c:if>
</h:panelGroup>

面板 2 有一个“p:fileupload”组件，默认情况下，在加载页面时会显示面板 1，当我更改为面板 2 时，会发送一个 ajax 请求以更新“容器”，但由于以下原因导致异常这段代码：

createWidget : function(widgetConstructor, widgetVar, cfg, resource) { 
  if(PrimeFaces.widget[widgetConstructor]) {
    //...
  } else {
    var scriptURI = $('script[src*="/javax.faces.resource/primefaces.js"]').attr('src').replace('primefaces.js', resource + '/' + resource + '.js'),
        cssURI = $('link[href*="/javax.faces.resource/primefaces.css"]').attr('href').replace('primefaces.css', resource + '/' + resource + '.css'),
        cssResource = '<link type="text/css" rel="stylesheet" href="' + cssURI + '" />';
    //...
  }
}

你怎么能猜到，一些组件（当我使用 c:if 或与 pe:ckEditor 一起使用时）加载额外的库而不使用 @ResourceDependency 注释，在这种情况下我会得到一个异常，因为资源“primefaces.js”不存在，被全脸取代。

有解决这个问题的建议吗？

Answer 1

为了解决这个设计问题，有 3 个选项：

1. 不要使用 ajax 进行导航，而应使用普通（可添加书签且对 SEO 友好）请求。

2. 不要使用视图构建时间标签进行基于请求的渲染（通过 ajax），而是使用 rendered 属性。

3. 使用<h:outputScript> 自己明确包含缺少的资源。例如。对于<p:fileUpload>：

   <h:outputScript library="primefaces" name="fileupload/fileupload.js" target="head" />