扩展 h:outputText 以实现自定义功能

Question

我使用 JSF + RF 已有 2 年多了，但一直没有机会扩展组件的现有功能。

现在的要求是我必须修剪字符串并在超过 25 个字符时显示它。

这已经实现如下，

                        <c:choose>
                            <c:when test="#{fn:length(teststep.name) > 25}">
                                <h:outputText title="#{teststep.name}" value="#{fn:substring(teststep.name, 0, 25)}..."/>
                            </c:when>
                            <c:otherwise>
                                <h:outputText title="#{teststep.name}" value="#{teststep.name}"/>
                            </c:otherwise>
                        </c:choose>

但我在很多地方使用此代码（并且希望避免每次都使用 8 行样板代码），因此考虑自定义 h:outputText 来提供修剪功能。

您能让我知道如何在 JSF

问候中编写自定义标签吗？ 萨提亚

Answer 1

假设您使用的是 JSP 而不是 Facelets，请将内容放入 /WEB-INF 中的 .tag 文件中，例如 /WEB-INF/tags/outputLimitedText .tag。

<%@ tag body-content="empty" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<c:choose>
    <c:when test="#{fn:length(value) > maxlength}">
        <h:outputText title="#{value}" value="#{fn:substring(value, 0, maxlength)}..."/>
    </c:when>
    <c:otherwise>
        <h:outputText title="#{value}" value="#{value}"/>
    </c:otherwise>
</c:choose>

然后您可以按如下方式引用它：

<%@ taglib prefix="my" tagdir="/WEB-INF/tags" %> 
...
<my:outputLimitedText value="#{teststep.name}" maxlength="25" />

---

您还可以使用 转换器。

<h:outputText title="#{teststep.name}" value="#{teststep.name}">
    <f:converter converterId="substringConverter" />
    <f:attribute name="maxlength" value="25" />
</h:outputText>

您

@Override
public String getAsString(FacesContext context, UIComponent component, Object value) {
    String string = (String) value;
    int maxlength = Integer.valueOf((String) component.getAttributes().get("maxlength"));

    if (string.length() > maxlength) {
        return string.substring(0, maxlength) + "...";
    } else {
        return string;
    }
}

---

还可以创建自定义 EL 函数。这样你最终会得到

<h:outputText title="#{teststep.name}" value="#{util:ellipsis(teststep.name, 25)}">

这个答案中给出的 EL 函数的具体示例： 如何在 EL 中连接字符串？