JSF 视图计算

Question

我知道对于 JSF 2，facelets 是首选的视图声明语言。

JSP 到 jsf 是否已弃用？

无论如何，我需要创建一个特殊的布局，所以我不能使用数据表。相反，我使用 6 个 div 作为列，在其中放置文章集合。 我的问题是我有一个 JSF 复合组件，它注入了一个 Collection 答：

List<Article>

对象。

然后，该组件需要将集合的大小划分为每列的相等部分。然后为每个列设置适当的偏移量和大小

<ui:repeat></ui:repeat> 

，这样我最终会得到这个

<!-- INTERFACE -->
<cc:interface>
    <cc:attribute name="featuredArticles" required="true" type="java.util.List;" />
</cc:interface>

<!-- IMPLEMENTATION -->
  <cc:implementation>
    <div class="col">
       <ui:repeat value="#{cc.attrs.featuredArticles}" var="art" offset="??" size="??">
            <mycomps:article art="#{art}" />
       </ui:repeat>
    </div>
    <div class="col">
       <ui:repeat value="#{cc.attrs.featuredArticles}" var="art" offset="??" size="??">
            <mycomps:article art="#{art}" />
       </ui:repeat>
    </div>
    <div class="col">
       <ui:repeat value="#{cc.attrs.featuredArticles}" var="art" offset="??" size="??">
            <mycomps:article art="#{art}" />
       </ui:repeat>
    </div>
    <div class="col">
       ...same here...
    </div>
    <div class="col">
       ...same here...
    </div>
</cc:implementation>

那么我如何计算这些偏移量和大小，以便每列迭代集合的一部分？或者也许有更好的方法？

Answer 1

您可以使用fn:length获取集合的大小，并且EL中有基本的算术运算符。

<ui:composition xmlns:fn="http://java.sun.com/jsp/jstl/core">
    ...
    <ui:param name="size" value="#{fn:length(featuredArticles) / 6}" />
    ...
    <ui:repeat size="#{size}">
    ...
</ui:composition>

---

更新：至于舍入，这会变得棘手。在旧的 JSP 中，您可以使用 JSTL 来实现此目的，它可以导出到 var 属性，而不是直接在视图中显示它。

<fmt:formatNumber var="size" value="${fn:length(featuredArticles) / 6}" pattern="0" />

但 JSTL fmt 在 Facelets 中不可用。

一种巧妙的方法是使用 fn:substringBefore 来分割分数。

<ui:param name="size" value="#{fn:substringBefore(fn:length(featuredArticles) / 6, '.')}" />

但这总是向下舍入。

最好的方法是创建自定义 EL 函数。您可以在 这个答案。对于 JSF 2.0，您只需将已弃用的 facelets.LIBRARIES 替换为 javax.faces.FACELETS_LIBRARIES。最后，您将得到如下结果：

<ui:param name="size" value="#{x:roundUp(fn:length(featuredArticles) / 6)}" />

作为完全不同的替代方案，您还可以在托管 bean 的构造函数、init 或 getter 中完成这项工作。