fvs控件选择某个值时,隐藏某些tab块,如何实现

1

FineReport Wjayon 发布于 2025-9-1 09:45
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共4回答
最佳回答
0
华莉星宸Lv7专家互助
发布于2025-9-1 09:47
最佳回答
0
snrtuemcLv8专家互助
发布于2025-9-1 09:48

参考

FVS实现数据库表字段控制Tab标签页隐藏 https://help.fanruan.com/finereport/doc-view-5393.html

image.png

最佳回答
0
ScyalcireLv7高级互助
发布于2025-9-1 10:05

if(value=='all'){

duchamp.getWidgetByName("进场-金额同比").setVisible(false)

duchamp.getWidgetByName("进场-数量同比").setVisible(false)

duchamp.getWidgetByName("受理-金额同比").setVisible(false)

}else{

duchamp.getWidgetByName("进场-金额同比").setVisible(true)

duchamp.getWidgetByName("进场-数量同比").setVisible(true)

duchamp.getWidgetByName("受理-金额同比").setVisible(true)

}

根据参数value的值,直接隐藏具体某个组件的显隐

最佳回答
0
技术支持--哈哈Lv4初级互助
发布于2025-9-1 10:19
实现方案
  1. 设置控件

    • 添加下拉框控件,设置自定义数据字典(如实际值0/1/2对应不同选项)

    • 控件名称建议设置为有意义的名称(如"tabControl")

  2. 添加JS事件


    // 获取控件选择值

    var selectedValue = duchamp.getWidgetByName("tabControl").getValue();



    // 根据选择值控制Tab块显示/隐藏

    if(selectedValue == "0") {

    duchamp.getWidgetByName("Tab1").setVisible(false); // 隐藏Tab1

    duchamp.getWidgetByName("Tab2").setVisible(true);  // 显示Tab2

    } else if(selectedValue == "1") {

    duchamp.getWidgetByName("Tab1").setVisible(true);

    duchamp.getWidgetByName("Tab2").setVisible(false);

    }

  1. 界面配置

    • 选中控件 → 交互 → 添加事件 → 编辑结束 → 粘贴上述JS代码事件配置界面

扩展功能

若需要从数据库动态控制Tab显示:

  1. 在表中添加控制字段(如is_visible)

  2. 通过表格初始化事件读取字段值并设置Tab可见性

数据库控制效果

  • 5关注人数
  • 37浏览人数
  • 最后回答于:2025-9-1 10:19
    请选择关闭问题的原因
    确定 取消
    返回顶部