[ABI 5.2] tab页与按钮联动

41969
27

zm1997 数据达人Lv4

发表于2021-2-1 11:11

楼主
有什么方法可以实现按钮随着tab页一起自动切换呢?

最近看过此主题的会员

esen_4TM8T6J7Y5

chestnut

esen_52KGVHIWO9

槐序

esen_4UIBLD8PRN4M

紫川秀

vishaw

mmm。。。

abcddcba

觅忆

keer_

yangqh

Ly_LJY

fenglan

27个回答

只看楼主

xxxl 数据领袖Lv6

发表于2021-2-1 13:38

只看该作者

取消 关注该作者的回复

沙发

可以看看这个帖子https://bbs.esensoft.com/thread-137445-1-1.html

zm1997 数据达人Lv4

发表于2021-2-1 13:56

只看该作者

取消 关注该作者的回复

板凳

xxxl 发表于 2021-2-1 13:38
可以看看这个帖子https://bbs.esensoft.com/thread-137445-1-1.html

我想要的效果时按钮页自己也会自动切换的那种,

xxxl 数据领袖Lv6

发表于2021-2-1 14:23

只看该作者

取消 关注该作者的回复

地板

zm1997 发表于 2021-2-1 13:56
我想要的效果时按钮页自己也会自动切换的那种,

没有 需要自己写脚本

zm1997 数据达人Lv4

发表于2021-2-1 14:24

只看该作者

取消 关注该作者的回复

5#

xxxl 发表于 2021-2-1 14:23
没有 需要自己写脚本

function checkBtnAndBindTab(btns, tabctrlId) {
        var ready = true;
        var btnDoms = [];
        if(!g_rptpage.calcParam){
                ready = false;
        }else{
                for (var i = 0, l = btns.length; i < l; i++) {
                        var param = g_rptpage.calcParam.getParamByName(btns);
                        if(!param){
                                ready = false;
                                break;
                        }
                        btnDoms.push(param.getBaseDom());
                }
        }
        if(!ready){
                var func = checkBtnAndBindTab.bind(window,btns,tabctrlId);
                setTimeout(func,50);
        }else{
                window["current_active_btn_idx"] = 0;
                var bindTabClick = function(tabctrlId,idx){
                        window["current_active_btn_idx"] = idx;
                         $(btnDoms[idx].firstChild).click();
                        g_rptpage.widgets[tabctrlId].setActive(idx);
                };
                var bindTabHover = function(tabCtrlId,idx){
                        stopAutoCheckBtn();
                        $(btnDoms[idx].firstChild).click();
                        EUI.execDomEvent(btnDoms[idx],"click");
                };
                var autoCheckBtn = function(){
                        var nextidx = (window["current_active_btn_idx"]+1)%btnDoms.length;
                         $(btnDoms[nextidx].firstChild).click();
                        EUI.execDomEvent(btnDoms[nextidx],"click");
                        window["_auto_check_btn_timer"]= setTimeout(autoCheckBtn,2000);
                };
                var stopAutoCheckBtn = function(){
                        if(window["_auto_check_btn_timer"]){
                                clearTimeout(window["_auto_check_btn_timer"]);
                                window["_auto_check_btn_timer"] = null;
                        }
                };
                var startAutoCheckBtn = function(){
                        window["_auto_check_btn_timer"]= setTimeout(autoCheckBtn,2000);
                };

                for(var i=0,l=btnDoms.length;i<l;i++){
                        EUI.addEvent(btnDoms,"click",bindTabClick.bind(btnDoms,tabctrlId,i));
                        jQuery(btnDoms).hover(bindTabHover.bind(btnDoms,tabctrlId,i),startAutoCheckBtn);
                }
                startAutoCheckBtn();
        }
}


checkBtnAndBindTab(["@gfs","@gd","@zj","@fgl","@ddyc"],"HHH87");
checkBtnAndBindTab(["@tq","@xl"],"HHH488");

这个脚本适用于2组tab页吗?

xxxl 数据领袖Lv6

发表于2021-2-1 14:33

只看该作者

取消 关注该作者的回复

6#

zm1997 发表于 2021-2-1 14:24
function checkBtnAndBindTab(btns, tabctrlId) {
        var ready = true;
        var btnDoms = []; ...

可以

zm1997 数据达人Lv4

发表于2021-2-1 14:38

只看该作者

取消 关注该作者的回复

7#


但是在运行时,2组tab页都不能自动切换了。这是为什么?

xxxl 数据领袖Lv6

发表于2021-2-1 14:40

只看该作者

取消 关注该作者的回复

8#

zm1997 发表于 2021-2-1 14:38
但是在运行时,2组tab页都不能自动切换了。这是为什么?

这个脚本本来就不是自动切换的脚本啊,这是按钮绑定tab页的脚本,效果是不需要点击tab标签页,点击相应的按钮就能达到切换tab标签页

zm1997 数据达人Lv4

发表于2021-2-1 14:45

只看该作者

取消 关注该作者的回复

9#

xxxl 发表于 2021-2-1 14:40
这个脚本本来就不是自动切换的脚本啊,这是按钮绑定tab页的脚本,效果是不需要点击tab标签页,点击相应的 ...

那为什么单独只有一组的时候可以实现自动切换tab页的效果呢?

xxxl 数据领袖Lv6

发表于2021-2-1 14:47

只看该作者

取消 关注该作者的回复

10#

本帖最后由 xxxl 于 2021-2-1 14:49 编辑

zm1997 发表于 2021-2-1 14:45
那为什么单独只有一组的时候可以实现自动切换tab页的效果呢?

表格是否有其他脚本检查一下,脚本来源这里可以看到效果应该是绑定按钮的效果https://bbs.esensoft.com/thread-135579-1-1.html

zm1997 数据达人Lv4

发表于2021-2-1 15:08

只看该作者

取消 关注该作者的回复

11#

xxxl 发表于 2021-2-1 14:47
表格是否有其他脚本检查一下,脚本来源这里可以看到效果应该是绑定按钮的效果https://bbs.esensoft.com/th ...

我这个脚本用的是你们公司介绍模板的驾驶舱里的脚本,为什么这个脚本只是再加一组按钮和tab,就不能正常运行了呢?难道是这个脚本适用于2组tab与按钮吗?

登录后可回答问题,请登录注册

快速回复 返回顶部 返回列表

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

400咨询:400-0011-866

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

版权所有© 2006-2024 北京亿信华辰软件有限责任公司 京ICP备07017321号 京公网安备11010802016281号