JSF 视图计算

Question

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

JSP 到 jsf 是否已弃用？

无论如何，我需要创建一个特殊的布局，所以我不能使用 Datatable。相反，我有 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 <fmt:formatNumber>，它可以导出到 var 属性，而不是直接在视图中显示。

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

但 JSTL fmt 在 Facelets 中不可用。

一个 hacky 方法是使用 fn:substringBefore 拆分分数。

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

但这总是四舍五入。

最好的方法是创建一个自定义 EL 函数。您可以在this answer 中找到示例。对于 JSF 2.0，您只需将已弃用的 <param-name>facelets.LIBRARIES</param-name> 替换为 <param-name>javax.faces.FACELETS_LIBRARIES</param-name>。最后你会变成这样：

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

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