-
-
yangqh 数据老手Lv5
发表于2020-9-29 14:54
楼主
先生们女士们~您在做表的是否有这样的困惑：需要局部切换不同图表显示时，自带的tab页自当是首选，可是系统中tab页的样式风格没有一个喜欢的，又不会写CSS调整组件样式，怎么办呢？其实还有一个思路，既然自带的tab页标签头样式不喜欢，那咱就用按钮来替代，按钮组件样式灵活可配，背景颜色、悬停颜色、选中颜色应有尽有，那么如何实现按钮和tab页组件上每一页的联动切换呢，一起来看看怎么设置吧~
Step 1：报表编辑区加入“食材”，按钮组件少许（要几个加几个）、tab页组件一个
Step 2：按钮组件上均匀抹上“调味料”，分别在万能式上写上联动脚本，每个按钮上都要写，不要漏~
复制代码Step 3：按钮组件上设置相同分组名，实现选中互斥效果
Step 4：按照个人喜好添加其他样式，计算预览效果
-------------------------------------------------------
温馨提示：以上实现方法，ABI的报表中同样适用哟~
Step 1：报表编辑区加入“食材”，按钮组件少许（要几个加几个）、tab页组件一个
Step 2：按钮组件上均匀抹上“调味料”，分别在万能式上写上联动脚本，每个按钮上都要写，不要漏~
- g_rptpage.getWidgetByName("HHH4").setActive(0);//HHH4是tab组件代号，0是页签角标，0表示第一个页签、1表示第二个、类推...
Step 4：按照个人喜好添加其他样式，计算预览效果
-------------------------------------------------------
温馨提示：以上实现方法，ABI的报表中同样适用哟~
最近看过此主题的会员
2个回答
板凳
一个按钮控制tab页显示的切换，即每点击一次按钮就按照顺序切换一次tab页：
客户端脚本：
- var xtabCtrl = g_rptpage.getWidgetByName("HHH2");
- var tabCount = xtabCtrl.getCount();
- var adf_i=0;
按钮上设置万能式：
- if(adf_i<tabCount-1){
- xtabCtrl.setActive(adf_i);
- adf_i++;
- }else {
- xtabCtrl.setActive(tabCount-1);
- adf_i=0;
- }
