Mở rộng h: outputText cho chức năng tùy chỉnh

Question

Tôi đã sử dụng JSF + RF trong hơn 2 năm và không có cơ hội mở rộng khả năng hiện có của các thành phần.

Bây giờ yêu cầu là tôi phải cắt chuỗi và hiển thị nó nếu nó có nhiều hơn 25 ký tự.

này đã đạt được như sau

     <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> 

Nhưng tôi sử dụng mã này trong rất nhiều nhiều nơi (và muốn tránh mã boilerplate của 8 dòng mọi) nên nghĩ đến việc tùy chỉnh h: outputText để cung cấp chức năng trim.

Ông có thể cho tôi biết làm thế nào tôi sẽ viết một thẻ tùy chỉnh trong JSF

Kính trọng, Satya

Answer 1

Giả sử rằng bạn đang sử dụng JSP không Facelets, đưa nội dung trong một file .tag trong /WEB-INF, như /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> 

Sau đó, bạn có thể tham khảo như sau:

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

---

Bạn cũng có thể sử dụng một Converter.

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

với

@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; 
    } 
} 

---

Bạn cũng có thể tạo ra một EL chức năng tùy chỉnh. Vì vậy mà bạn kết thúc với

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

Một ví dụ cụ thể của hàm EL được đưa ra trong câu trả lời này: How to concatenate Strings in EL?