본문 바로가기
JAVASCRIPT & JQUERY

[JSTL] fc:contains()사용방법!

by GoodDayDeveloper 2020. 11. 17.
반응형

안녕하세요. 오늘은 JSTL에서 제공하는 함수 태그에 대해 알아보려합니다.

흔히들 C태그를 많이 사용하지만 Fn, Function(함수) 태그도 상황에 따라 유용하게 사용될 수가 있습니다.

fn태그는 해당 값에서 특정 문자열이 포함되어 있는지 확인하는 여부에서 사용됩니다.

저는 fn태그를 가지고 값에따라 진행상태의 값에 대한 버튼모양을 변경할 계획입니다.

 

아래 결과 사진입니다.

 

 

 

 


 

 

로직은

fn함수를 이용하여

값의 데이터가 완료라고 되어 있으면 1버튼,

값의 데이터가 완료가 아닌 값이면 2버튼으로 구분지으려 합니다.

 

 

소스코드입니다.

가장먼저 fn 함수가 사용될 수 있도록 가장 상단에 fn을 선언해줍니다.

그리고c태그를 사용하여 if문을 만든 다음 Fn:contains에 값 값의 데이터를 입력합니다.

그 다음 두번째 칸에 완료를 넣어주어 문자열을 구분할 수 있도록 설정합니다.

두번째줄은 앞에 not을 넣어서 완료가 아닌 것들에 대해 값을 출력할 수 있도록 합니다.

 

 

1
2
3
4
5
6
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
 
<td>
    <c:if test="${fn:contains(result.name, '완료')}"><span class="tag tag1"><c:out value="${result.name}"/></span></c:if>
    <c:if test="${not fn:contains(result.name, '완료')}"><span class="tag tag2"><c:out value="${result.name}"/></span></c:if>
</td>
cs

 

 

 

반응형

댓글