您的位置:首页 > Web前端 > JavaScript

JSP页面选择显示(通过和script嵌入作用)

2016-01-19 10:37 741 查看
在实际开发中,一个JSP页面应尽可能的实现多次利用,对于不同情况下的显示可能显示项也不同,此时就需要JSP页面选择显示。在JSP页面中通过传过来的参数不同,选择显示哪部分的内容。

//说明:<ww> <ec:column> <jdf:> 为自定义的控件

//对于操作栏,根据值不同,对应的显示不同值
<ec:column property="edit"  title="操作" width="5%" sortable="false" style="text-align: center">
<span style="white-space:pre">	</span><script>
<span style="white-space:pre">	</span>if(${alarm.taskAssignStatus=='1' && alarm.taskFeedbackStatus=='0' && alarmAssginLevel=='q'}){
<span style="white-space:pre">	</span>document.write('<jdf:hasPermission res="SIGN_ASSIGN"><a href="##" onclick="assignAlarmInfo(\'${alarm.id}\')" >签收</a><br></jdf:hasPermission>');}
<span style="white-space:pre">		</span>else if(${alarmAssginLevel=='p' && (alarm.taskFeedbackStatus=='3' || alarm.taskFeedbackStatus=='4')}){
<span style="white-space:pre">	</span>document.write('<jdf:hasPermission res="SIGN_ASSIGN"><a href="##" onclick="feedBackAlarmInfo(\'${alarm.id}\')" >回访记录</a><br></jdf:hasPermission>');}
<span style="white-space:pre">		</span>else if(${alarm.taskAssignStatus=='1' && alarm.taskFeedbackStatus=='1' && alarmAssginLevel=='q'}){
<span style="white-space:pre">	</span>document.write('<a>已指派[${alarm.taskExecutorName}]</a><br><a href="##" onclick="assignAlarmInfo(\'${alarm.id}\')" >重新指派</a><br>');}
<span style="white-space:pre">		</span>else if(${alarm.taskAssignStatus=='0' && alarmAssginLevel=='p'}){
<span style="white-space:pre">	</span>document.write('<jdf:hasPermission res="EXECUTE_ASSIGN"><a href="##" onclick="assignAlarmInfo(\'${alarm.id}\')" >指派</a><br></jdf:hasPermission>');}
if(${alarm.invest=='1'}){
document.write('<a href="##" onclick="investAlarmInfo(\'${alarm.id}\')" >勘查现场</a><br>');
document.write('<a href="##" onclick="refuseAlarmInfo(\'${alarm.id}\')" >无需勘查</a><br>');}
if(${alarm.taskAssignStatus=='0' && alarmAssginLevel=='p'}){
document.write('<a href="##" onclick="intoEditPage(\'${alarm.id}\')" >修改</a><br>');
document.write('<a href="##" onclick="deleteAlarmInfo(\'${alarm.id}\')" >删除</a><br>');
}
<span style="white-space:pre">	</span></script>
</ec:column>


结果 如下所示:



对于页面,根据不同值,显示不同效果:

<td class=form_content>
<span style="white-space:pre">	</span><ww:if test = "${alarmAssginLevel=='q' && alarmInfo.taskFeedbackStatus == '0'}">
<input type="radio" onclick="showDiv('1')" value="1" checked="checked" name="isAssgin"></input>签收
<span style="white-space:pre">	</span><input type="radio" onclick="showDiv('0')" value="0" name="isAssgin"></input>拒绝签收
</ww:if>
<div id="div1">
<span style="white-space:pre">	</span>选择任务执行人:<jdf:selectTechnician showAll="true" singleSelect="false" theName="alarmInfo.taskExecutorName" cssClass="shortfield" technicianName="alarmInfo.taskExecutorId" id="taskExecutorName" readonly="true"/>
<span style="white-space:pre">	</span></div>
<div id="div2" style="display: none">
拒绝签收原因: <ww:textfield cssClass="shortfield"  id="taskRefusedReason" name="alarmInfo.taskRefusedReason" cssStyle="width:50%"></ww:textfield>
<span style="white-space:pre">	</span></div>
</td>


于是页面显示分别为:



内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: