隐藏显示参数模板
需求描述:用户希望添加一个显示和隐藏按钮,来控制参数模板的显示与否。点击一下可以把参数模板收起,使页面更大面积的展示报表。
需求实现:
根据这个需求主要是设计发布报表的JSP页面,首先添加一个显示和隐藏按钮,用JavaScript分别来调用hidden()和show()方法就可以,具体代码为:
<td><a href=”javascript:hidden()”>隐藏</a></td>
<td><a href=”javascript:show()”>显示</a></td>
function hidden(){
var formTable = document.getElementById(“form1_tbl”);
formTable.style.display=’none’;
}
function show(){
var formTable = document.getElementById(“form1_tbl”);
formTable.style.display=’block’;
}
如图所示:
效果如图:
点击隐藏后的页面: