点击Tab块动态显示报表块

三个Tab块：总览，费用项目，人均产出，点击第一个总览Tab块，显示我用红框里面框起来的内容，点击 2 3费用项目及人均产出Tab块，则显示黄色框里框起来部分，最上面的报表快类似于一个总看板，需要置顶. 注意：移动端image.png
FineReport 蕉太狼 发布于 2021-9-18 15:46 （编辑于 2021-9-18 15:48）
1min目标场景问卷 立即参与
回答问题
悬赏：3 F币 + 添加悬赏
举报
提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知
共3回答
最佳回答
0
让过去Lv6中级互助
发布于2021-9-18 15:53（编辑于 2021-9-18 16:04）

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

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

image.png

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

_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 
最佳回答
0
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 JackRen 回复 蕉太狼(提问者) 在tab块中增加点击事件，控制上面两个报表块的显示与隐藏。
    2021-09-18 16:03 
  • 蕉太狼 蕉太狼(提问者) 回复 JackRen 这个不行，客服说了移动端不支持JS，我也试了
    2021-09-18 16:46 
最佳回答
0
shirokoLv6资深互助
发布于2021-9-18 15:55

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

js切换tab块
  • 4关注人数
  • 684浏览人数
    • 最后回答于：2021-9-18 16:04
    活动推荐 更多
    热门课程 更多
    请选择关闭问题的原因
    确定 取消
    隐私政策
    帆软用户服务协议
    联系管理员
    联系帆软
    Copyright© 帆软软件有限公司 版权所有
    苏ICP备18065767号
    返回顶部