参数隐藏,隐藏参数,参数界面行的隐藏,参数界面隐藏行,控件状态设置、动态参数界面
1. 问题描述
动态显示参数控件中设置参数控件动态显示的方法是设置对应的参数控件不可见,若由于参数控件布局需要将其对应的行隐藏, 此时要如何设置隐藏行呢?如将动态显示参数控件中模板的参数界面换成如下图所示的排列方式,就需要将对应的行隐藏。 2. 实现思路
首先通过id获取对应行即tr,然后通过hide()以及show()方法让其隐藏或显示即可。
注:由于不同模板的相同列即td的id是不同,在此我们就不做介绍。您可以通过FireFox查看对应td的id,然后同样通过hide()以及show()方法让其隐藏或显示即可。
3. 示例
下面我们来看下其实现方法。
3.1 打开模板
打开模板:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Parameter\DynamicParaWidget.cpt。
3.2 修改参数界面
将参数界面的位置修改成如上图所示的效果。
3.3 隐藏行设置
将参数type的下拉框控件的编辑后事件的代码修改为如下代码:
由于参数的默认值是日报,所以在加载参数界面时只要显示日期控件,因此需要对下拉框控件设置初始化事件,使年份和月份所在行隐藏而只显示日期控件所在行。
给参数type的下拉框控件增加初始化事件,具体的js代码如下:
3.4 效果查看
点击分页预览,默认为日报,则只显示日期所在行其余行隐藏,如下图:
选择月报,则显示年份和月份所在行,日期所在行隐藏,如下图:
选择年报,则只显示年份所在行其余行隐藏,如下图:
返回顶部