FineReport报表面板中设置控件影藏和显示的JS

比眉伴天荒 2023-02-28 12:44 3阅读 0赞

在FineReport报表中通常需要面板中的搜索条件来过滤报表中的数据，然而有时需要设置权限管理，这样就需要设置搜索控件是否显示了，需求就是为了设置权限来出发的。

1.上干货

![20200721143552368.png][]

如图：需要用查询维度来，筛选付款方医院和收款方医院，这两个控件是否显示

首先要想到的就是，既然要用查询维度来控制他俩是否显示，所以就需要把触发的事件写在查询维度的控件中。

2.拿到查询维度，付款方医院，收款方医院的控件名

①查询维度：

![20200721144421196.png][]

②付款方医院：

![20200721144515507.png][]

③收款方医院：

![20200721144830575.png][]

3.在查询维度中开始造控制是否显示与影藏的JS

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTkyMTgyMQ_size_16_color_FFFFFF_t_70][]

JS脚本部分:

//获取表单控件
    var  form=this.options.form; 
    //获取查询维度的控件名
    var  comboBox0=this.options.form.getWidgetByName("comboBox0").getValue();
    //获取付款方医院控件名
    var  label1 = this.options.form.getWidgetByName("label1");
    //获取付款方医院输入框的控件名
    var  reqHospitalId = this.options.form.getWidgetByName("reqHospitalId");
    //获取收款方医院控件名
    var  label2 = this.options.form.getWidgetByName("label2");
    //获取收款方医院输入框的控件名
    var  invHospitalId = this.options.form.getWidgetByName("invHospitalId");
    //默认情况下是都显示
    if (comboBox0 == 1) //当选择查询维度的值为1时
    {
    	label1.setVisible(true);
    	reqHospitalId.setVisible(true);
    	label2.setVisible(false);
    	invHospitalId.setVisible(false);
    }else if(comboBox0 == 2)  //当选择查询维度的值为2时
    {
    	label1.setVisible(false);
         reqHospitalId.setVisible(false);
         label2.setVisible(true);
    	invHospitalId.setVisible(true);
    }else{      //当选择查询维度的值为无时
    	label1.setVisible(true);
    	reqHospitalId.setVisible(true);
    	label2.setVisible(true);
    	invHospitalId.setVisible(true);
    	}

最后贴一下查询维度的数据字典;

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTkyMTgyMQ_size_16_color_FFFFFF_t_70 1][]

[20200721143552368.png]: /images/20230209/294cb095096547f6a8b04a4cd6d52514.png
[20200721144421196.png]: /images/20230209/2ea02df0d0b74edfba1b934ac9e05ad2.png
[20200721144515507.png]: /images/20230209/f24196928d284deaa99db0e95740b2b7.png
[20200721144830575.png]: /images/20230209/f66d109268c643f48d8e8dd442c55b4b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTkyMTgyMQ_size_16_color_FFFFFF_t_70]: /images/20230209/e46301cd365b4415a4219c3a90dc7c44.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTkyMTgyMQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200721145954285.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTkyMTgyMQ==,size_16,color_FFFFFF,t_70