JS实现切换TAB块数据联动

大佬们，请问在FVS中怎么用JS实现切换Tab块时进行数据联动呀，我添加了JS代码但是没有生效

setTimeout(function() {

//TAB切换后,获取到当前TAB块的标题索引

FR.IndexNum = _g().getWidgetByName("Tab1").getShowIndex();

var a = 0;

a = FR.IndexNum;

if(a==0){

x='11';

}

else if(a==1){

x='14';

}

else if(a==2){

x='桃花姬';

}

else if(a==3){

x='17';

}

else if(a==4){

x='412';

}

else if(a==5){

x='104';

}

var cc = _g().getWidgetByName("ty") //获取控件

cc.setValue(x); //给控件赋值

}, 50);

FineReport 嘘.. 发布于 2024-8-27 17:05 （编辑于 2024-8-27 17:08）

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：3 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共3回答

华莉星宸Lv7资深互助
发布于2024-8-27 17:07（编辑于 2024-8-27 17:10）

JS贴出来看看

--------------------------

JS实现隐藏Tab页-https://help.fanruan.com/finereport/doc-view-2083.html

JS实现点击超链切换Tab块-https://help.fanruan.com/finereport/doc-view-2099.html

=======================

_g().getWidgetByName("Tab1")

换成这个格式试试

duchamp.getWidgetByName("组件名称")

举报收起评论(2)

嘘..(提问者) 已更新，这个就像是点击tab块传参那种效果

2024-08-27 17:10

嘘..(提问者) 不行，我把_g()和FR都换过来了，还是没有效果

2024-08-27 17:24

ScyalcireLv7高级互助
发布于2025-6-19 16:08

将代码放在模板>JS脚本的"页面加载后事件"中执行

----------------------------

// 监听Tab块切换事件
_g().getWidgetByName("Tab1").on('tabchange', function(event) {
    // 获取当前显示的Tab索引
    var currentIndex = this.getShowIndex();
    var x = '';
    
    // 根据索引设置对应值
    switch(currentIndex) {
        case 0: x = '11'; break;
        case 1: x = '14'; break;
        case 2: x = '桃花姬'; break;
        case 3: x = '17'; break;
        case 4: x = '412'; break;
        case 5: x = '104'; break;
        default: x = '';
    }
    
    // 获取目标控件并赋值
    var targetWidget = _g().getWidgetByName("ty");
    if(targetWidget) {
        targetWidget.setValue(x);
    }
});