点击Tab块动态显示报表块

三个Tab块：总览，费用项目，人均产出，点击第一个总览Tab块，显示我用红框里面框起来的内容，点击 2 3费用项目及人均产出Tab块，则显示黄色框里框起来部分，最上面的报表快类似于一个总看板，需要置顶. 注意：移动端

FineReport 蕉太狼 发布于 2021-9-18 15:46 （编辑于 2021-9-18 15:48）

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：3 F币 + 添加悬赏

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

共3回答

最佳回答

让过去Lv6中级互助
发布于2021-9-18 15:53（编辑于 2021-9-18 16:04）

上面的块也做成tab块，然后就考虑一下tab块之间联动的问题。大致的思路就是底下的tab块，写状态改变后事件，获取当前id，根据id判断切换上面那个tab块。

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

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

_g().getWidgetByName("tabpane0").getShowIndex();获取TAB块ID

_g().getWidgetByName('tabpane0').showCardByIndex(0);切换到第一个TAB块，0是ID参数，从0开始排起

举报收起评论(5)

蕉太狼(提问者) 上面做成Tab块能不能隐藏上面的Tab块，不然看板起来很别扭还有tab块

2021-09-18 15:57

让过去回复蕉太狼(提问者) 那个切换按钮可以隐藏的

2021-09-18 15:59

让过去回复蕉太狼(提问者) 把隐藏标题，获取和切换的js都贴出来了

2021-09-18 16:05

蕉太狼(提问者) 回复让过去 我没有“显示标题”

2021-09-18 16:53

让过去回复蕉太狼(提问者) 你看一下，我右上角点的位置

2021-09-18 16:54

JackRenLv6初级互助
发布于2021-9-18 15:52（编辑于 2021-9-18 15:56）

_g().options.form.getWidgetByName("tabpane0").showCardByIndex(1);

通过给上面的报表块增加JS，来实现tab切换的功能。

然后可以把tab块隐藏掉，移动端可以实现左右滑动切换tab。

举报收起评论(3)

蕉太狼(提问者) 是Tab切换控制报表块喔

2021-09-18 15:56

JackRen 回复蕉太狼(提问者) 在tab块中增加点击事件，控制上面两个报表块的显示与隐藏。

2021-09-18 16:03

蕉太狼(提问者) 回复 JackRen 这个不行，客服说了移动端不支持JS，我也试了

2021-09-18 16:46

shirokoLv6资深互助
发布于2021-9-18 15:55

https://help.fanruan.com/finereport/doc-view-2099.html

js切换tab块

4关注人数

649浏览人数

最后回答于：2021-9-18 16:04

活动推荐更多

热门课程更多

请选择关闭问题的原因

确定取消

提问

悬赏者（2）

撤回悬赏（2）

添加悬赏

请选择关闭问题的原因