隐藏显示参数模板

需求描述:用户希望添加一个显示和隐藏按钮,来控制参数模板的显示与否。点击一下可以把参数模板收起,使页面更大面积的展示报表。

 

需求实现:

根据这个需求主要是设计发布报表的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’;

}

 

如图所示:

效果如图:

 

 

 

点击隐藏后的页面:

热门文章