最新历史版本 :动态显示参数控件 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 描述编辑

由于业务的需要,很多情况下需要当满足某个条件时,某些查询条件才显示出来:

选择年报,显示年的下拉框控件,如图所示:

222

选择月报,显示年月下拉框控件,如图所示:

222

选择日报,显示日期下拉框控件,如图所示:

222

2. 思路编辑

通过控件的 visible()invisible() 属性控制其可见与不可见:

var Widget = form.getWidgetByName("[ParaName]"); //通过控件名获取控件,其中ParaName为控件名
Widget.visible(); //设置该控件可见
Widget.invisible(); //设置该控件不可见

3. 示例编辑

3.1 打开模板

打开模板:%FR_HOME%\webroot\WEB-INF\reportlets\doc\Parameter\DynamicSQL\DynamicSQL.cpt

3.2 修改数据集

将数据集修改为:SELECT * FROM 订单 where 1=1 ${if(type=="日报"," and date(订购日期)='"+ date +"'", if(type=="月报"," and strftime('%m',订单.订购日期)='"+ month+"'"+" and strftime('%Y',订单.订购日期)='"+ year+"'"," and strftime('%Y',订单.订购日期)='"+ year+"'"))}

给参数 type 设置默认值为日报,参数 date 设置默认值的类型为字符串型值为 2010-01-03。

3.3 表样修改

将表样修改成如下样式:

222

3.4 参数界面设置

将参数界面设置成如下样式:


222

  • 设置参数 type 的控件类型为下拉框,数据字典选择自定义,实际值与显示值都为日报,月报,年报。

  • 设置参数 year 的控件类型为下拉框,属性设置为可用不可见,数据字典选择自定义,显示值与实际值都为 2010,2011。

  • 设置参数 month 的控件类型也为下拉框,属性设置为可用不可见,数据字典选择公式,在实际值出填写公式["01","02","03","04","05","06"]即可。

  • 设置参数 date 的控件类型为日期,属性设置为可用不可见,返回值类型为默认的字符串型。

3.5 动态显示参数控件 JS 事件设置

给参数 type 的下拉框控件增加编辑后事件,具体的 JS 代码如下:

点击参数 type 的下拉框控件,在属性表的下方选择事件面板,点击增加编辑后事件,具体的 JS 如下:

var form = this.options.form;
var p2Widget = form.getWidgetByName("date");
var p3Widget = form.getWidgetByName("year");
var p4Widget = form.getWidgetByName("month");
var value = this.getValue();  //获取当前参数即type参数的值
if (value == "日报") {       
   p2Widget.visible();
   p3Widget.invisible();
   p4Widget.invisible();
} else if (value == "月报") {
   p2Widget.invisible();
   p3Widget.visible();
   p4Widget.visible();
} else if(value == "年报"){
   p2Widget.invisible();
   p3Widget.visible();
   p4Widget.invisible();
}else {
   p2Widget.invisible();
   p3Widget.invisible();
   p4Widget.invisible();
}

注:此段代码判断 type 参数的值,若是日报,则只显示 date 控件,若是月报,则显示 year 和 month 控件,若是年报,则只显示 year 控件。

3.6 保存模板

点击分页预览,效果如上图。

在线查看模板效果请点击 DynamicParaWidget.cpt

已完成模板,可参见:%FR_HOME%\webroot\WEB-INF\reportlets\doc\Parameter\动态显示参数控件.cpt