JSP 모달창 버튼 출력 조건

JSP를 이용하여 특정 조건에 따라 모달창 내에 버튼을 보이게하고 기능을 추가하는 내용을 해보겠다. 여기서 예는 확인불가 일때 삭제버튼을 보이게 하는 내용이다.

✔ 버튼 기본상태

<td width="10%" align="center" class="td_00">상태</td>
	<td width="23%" class="td_05">
		<SELECT id="status" name="status" class="input_1" tabIndex="8" title="[대기] - 대기상태 &#10;[정상] - 정상 사용중 &#10;[중단] - 사용 중단">
			<OPTION value='S' <%=(status.equals("S"))?"selected":""%>>중단</OPTION>
			<OPTION value='A' <%=(status.equals("A"))?"selected":""%>>정상</OPTION>
			<OPTION value='R' <%=(status.equals("R"))?"selected":""%>>대기</OPTION>
			<OPTION value='' <%=(status.equals(""))?"selected":""%>>확인불가</OPTION>
		</select>
	</td>

확인불가 OPTION을 보면 value값이 ' ' 아무것도 입력되지 않은 상황에서 확인 불가가 된다. 이때 삭제버튼이 나오게 할려고 한다. 

 

✔ 확인 불가시 삭제 코드

var statusDropDown = document.getElementById('status').value;
	//var selectedStatus = statusDropDown.value;
	// 검수요청, 사용승인상태, 삭제불가 메시지만 보여준다.

	
	
	if(statusDropDown == ''){
		// 삭제만 가능
		etcCommentTr_style.display = 'none';
		delTemplateBtn_style.display = 'block';
		inspTemplateBtn_style.display = 'none';
		inspRejTemplateBtn_style.display = 'none';
		inspCancelReqTemplateBtn_style.display = 'none'; // 검수취소버튼 disable	
	}

var statusDropDown = document.getElementById('status').value; 로 status값을 가저온다.

statusDropDown 이 아무것도 없을 때 확인 불가인 상황에 조건을 새로 만들어 delTemplateBtn_style.display = 'block'; 으로 삭제 버튼만 나오게 된다. 위 코드는 5개의 버튼이 존재하는데 삭제인 예만 들어서 보여준다.

 

버튼을 만들어두고 조건에 따라 none이나 block을 사용해서 버튼을 출력한다.

 

✔  삭제 쿼리

query.append("DELETE FROM TBL_TEMPLATE_INFO \n");
query.append("WHERE TEMPLATE_IDX = ?        \n");
vecArgs.add(templateIdx);

templateIdx를 통해서 삭제버튼을 통해 삭제를 하고 이에 따른 로그나 다른 조건을 추가해준다.