반응형
안녕하세요. 오늘은 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 |
반응형
'JAVASCRIPT & JQUERY' 카테고리의 다른 글
[Jquery]특정값에 대한 SelectBox 선택불가 기능 구현 (0) | 2020.12.01 |
---|---|
[Jquery] a태그 텍스트값 가져오는 방법! (0) | 2020.11.24 |
[JSP] SELECT문으로 년월일 만드는 방법!! (영상 有) (0) | 2020.10.20 |
HighCharts(하이차트)를 자바 프로젝트에 적용하는 방법! (0) | 2020.10.16 |
게시판 버튼형 카테고리 구현 방법[AJAX] (0) | 2020.10.02 |
댓글