ABI中通过按钮控制tab标签页

3576
1

郑文华 小试身手Lv3

发表于2020-2-16 20:48

楼主
本帖最后由 郑文华 于 2020-2-16 20:49 编辑

    说明:下面脚本是通过点击按钮来显示对应的tab标签页,如果要想鼠标悬停切换tab页,把注释去掉即可。

  1. function checkBtnAndBindTab(btns, tabctrlId) {
  2. var ready =true;
  3. var btnDoms = [];
  4. if(!g_rptpage.calcParam){
  5. ready = false;
  6. }else{
  7. for (var i = 0, l = btns.length; i < l; i++) {
  8. var param = g_rptpage.calcParam.getParamByName(btns[i]);
  9. if(!param){
  10. ready =true;
  11. break;
  12. }
  13. btnDoms.push(param.getBaseDom());
  14. }
  15. }
  16. if(!ready){
  17. var func = checkBtnAndBindTab.bind(window,btns,tabctrlId);
  18. setTimeout(func,1);
  19. }else{
  20. window["current_active_btn_idx"] = 0;
  21. var bindTabClick = function(tabctrlId,idx){
  22. window["current_active_btn_idx"] = idx;
  23. g_rptpage.widgets[tabctrlId].setActive(idx);
  24. };

  25. /*
  26. *如果想要悬停切换的效果,把该注释去掉
  27. var bindTabHover = function(tabCtrlId,idx){
  28. EUI.execDomEvent(btnDoms[idx],"click");
  29. };
  30. */
  31. var autoCheckBtn = function(){
  32. var nextidx = (window["current_active_btn_idx"]+1)%btnDoms.length;
  33. EUI.execDomEvent(btnDoms[nextidx],"click");
  34. };

  35. for(var i=0,l=btnDoms.length;i<l;i++){
  36. EUI.addEvent(btnDoms[i],"click",bindTabClick.bind(btnDoms[i],tabctrlId,i));
  37. /*
  38. *如果想要悬停切换的效果,把该注释去掉
  39. jQuery(btnDoms[i]).hover(bindTabHover.bind(btnDoms[i],tabctrlId,i));
  40. */
  41. }
  42. }
  43. }
  44. checkBtnAndBindTab(["@qq","@ww","@ee","@rr"],"HHH2");
复制代码


最近看过此主题的会员

wjx0403

JCsang

sunmeiling

esen_4Q6MZ9SWVR

hero851815

紫川秀

yangqh

ajsdhkjfhdasf

zhouxm

jinwang2

刘凯源

LuuuvLetter

zhangfei_2

hhdtest

1个回答

只看楼主

tangmq 数据达人Lv4

发表于2020-2-16 21:13

只看该作者

取消 关注该作者的回复

沙发

666666

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

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

小时

全天响应

分钟

快速处理问题

工程师强势助力

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

渠道咨询电话:137-0120-6790

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

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

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