table:
<table style="width:100%" class="table01" cellspacing="1" cellpadding="5">
<tr><td class="td_title" width="15%" align="center" nowrap="nowrap" colspan="4">详 情</td>
</tr>
<tr id="qtdw"><td class="td_title" width="15%" align="center" nowrap="nowrap">牵头单位:</td>
<td align="left" style="word-wrap:break-word;word-break:break-all;" colspan="3">
<input id ="re_title" class="zxui-textbox" type="text" editable="false"
style="width:600px" value="${main_dept_name}">
</td>
</tr>
<tr><td class="td_title" width="15%" align="center" nowrap="nowrap">落实情况:</td>
<td align="left" style="word-wrap:break-word;word-break:break-all;" colspan="3">
<input id="contentes" class="zxui-textbox" type="text" editable="false"
style="width:600px;height:100px" multiline="true" value="${contentes}">
</td>
</tr>
<tr><td class="td_title" width="15%" align="center" nowrap="nowrap">存在问题:</td>
<td align="left" style="word-wrap:break-word;word-break:break-all;" colspan="3">
<input id="problem" class="zxui-textbox" type="text" editable="false"
style="width:600px;height:100px" multiline="true" value="${problem}">
</td>
</tr>
<tr><td class="td_title" width="15%" align="center" nowrap="nowrap">下周计划:</td>
<td align="left" style="word-wrap:break-word;word-break:break-all;" colspan="3">
<input id="next_plan" class="zxui-textbox" type="text" editable="false"
style="width:600px;height:100px" multiline="true" value="${nextplan}">
</td>
</tr>
<tr id="sbr"><td class="td_title" width="15%" align="center" nowrap="nowrap">上 报 人:</td>
<td align="left" style="word-wrap:break-word;word-break:break-all;" colspan="3">
<input id ="re_title" class="zxui-textbox" type="text" editable="false"
style="width:600px" value="${create_name}">
</td>
</tr>
</table>
有两个角色共用一个页面,其中table显示略有不同,用传递身份参数来控制牵头单位、上报人的行的隐藏。
js:
$(function(){
var identity = '${identity}';
if (identity == 'jbdcy') {
$('#qtdw').hide();
$('#sbr').hide();
}
});
更多方法参考感谢:http://www.jb51.net/article/54118.htm