最近在项目中有一个小的效果显示为:在前端,根据一个字段来判断是否弹出一个窗口。
具体需求为:单击表格中的课程名称链接,如果此课程已经被排课,那么就弹出排课窗口,如果未排课就弹出提示box。
具体的实现方法为:DWZ弹出窗口+DWZ提示窗口+JSTL
具体代码:
1 <!-- 模态窗口 --> 2 <a 3 <c:choose> 4 <c:when test="${item.isArrange == '否'}" > 5 href="javascript:;" onclick="alertMsg.info('未排课,不能查看')"> 6 </c:when> 7 <c:otherwise> 8 href="${contextPath }/course/showTeachCourseAction.do?course.id=${item.id}" target="dialog" rel="teachCourseListview" mask="true" title="查看教师排课"> 9 </c:otherwise> 10 11 </c:choose> 12 <font color="blue">${item.name}</font> 13 </a> 14 <!-- 一般窗口 --> 15 <%-- <a 16 <c:choose> 17 18 <c:when test="${item.isArrange == '否'}" > 19 href="javascript:;" onclick="alertMsg.info('未排课,不能查看')"> 20 </c:when> 21 22 <c:otherwise> 23 href="${contextPath }/course/showTeachCourseAction.do?course.id=${item.id}" target="dialog" rel="teachCourseListview"> 24 </c:otherwise> 25 26 </c:choose> 27 28 <font color="blue">${item.name}</font> 29 </a> --%>
JSTL的结构代码为:
<c:choose> <c:when test="${item.isArrange == '否'}" > if下的操作 </c:when> <c:otherwise> else下的操作 </c:otherwise> </c:choose>
效果展示:
通过JSTL when...otherwise实现了if...else的功能,使得在前台便捷简单的进行了判断。JSTL虽然只学习了一点,但是用途真的很大很广,而且我需要的学习的知识还有更多,更强的地方,期待后期项目中的实践和总结。
一点点知识,一点点实用,一点点成长;大大的感动,大大的收获。