[ABI 5.1] 在门户中设置标签页

9482
6

xiao12 数据达人Lv4

发表于2020-4-30 09:57

悬赏20

已解决

楼主
怎么在门户中制作标签页,详细点

最近看过此主题的会员

wxw

chestnut

LoveHaoXinChao

shixiang

Bryce

伶俐

luojr

果冻出场

13818866981

from冥王星

后会无期

nannan

辰哥

缱绻

jing

最佳答案

jing

发表于2020-4-30 09:57

只看该作者

取消 关注该作者的回复

拖入标签页到门户中,将左树和标签页进行关联,在树的鼠标单击事件中输入关联脚本如下:

  1. function(item,e,etree){
  2.         if(!item) return;
  3.         var url = item.url;
  4.         if(!url) return;
  5.         var baseDom = etree.getBaseDom();
  6.         var xuiDom = baseDom.parentElement;
  7.         var id = xuiDom.getAttribute("data-id");
  8.         var pagetab = $p.$("pagetab").getComponent();
  9.         var index = pagetab.getIndex("url", url);
  10.         if(index !== -1){
  11.                 pagetab.setActive(index);
  12.         } else {
  13.                 pagetab.add(item.getItemText(), null , {data : {url : url, urlparams : item.urlparams, refreshcaption : true,onload : refreshTree}});
  14.         }
  15. }
  16. var refreshTree = function(){
  17.         wnd.refreshLeftTree = function(){
  18.                 $p.$(id).refresh();
  19.         }
  20. }
复制代码


6个回答

只看楼主

jing 初学数据Lv2

发表于2020-4-30 09:57

只看该作者

取消 关注该作者的回复

沙发

拖入标签页到门户中,将左树和标签页进行关联,在树的鼠标单击事件中输入关联脚本如下:



  1. function(item,e,etree){
  2.         if(!item) return;
  3.         var url = item.url;
  4.         if(!url) return;
  5.         var baseDom = etree.getBaseDom();
  6.         var xuiDom = baseDom.parentElement;
  7.         var id = xuiDom.getAttribute("data-id");
  8.         var pagetab = $p.$("pagetab").getComponent();
  9.         var index = pagetab.getIndex("url", url);
  10.         if(index !== -1){
  11.                 pagetab.setActive(index);
  12.         } else {
  13.                 pagetab.add(item.getItemText(), null , {data : {url : url, urlparams : item.urlparams, refreshcaption : true,onload : refreshTree}});
  14.         }
  15. }
  16. var refreshTree = function(){
  17.         wnd.refreshLeftTree = function(){
  18.                 $p.$(id).refresh();
  19.         }
  20. }
复制代码


xiao12 数据达人Lv4

发表于2020-4-30 10:08

只看该作者

取消 关注该作者的回复

板凳

jing 发表于 2020-4-30 10:05
拖入标签页到门户中,将左树和标签页进行关联,在树的鼠标单击事件中输入关联脚本如下:

树和标签页怎么关联

jing 初学数据Lv2

发表于2020-4-30 10:12

只看该作者

取消 关注该作者的回复

地板

xiao12 发表于 2020-4-30 10:08
树和标签页怎么关联

按照一楼回复中的图片显示的地方添加脚本

xiao12 数据达人Lv4

发表于2020-4-30 10:18

只看该作者

取消 关注该作者的回复

5#

jing 发表于 2020-4-30 10:12
按照一楼回复中的图片显示的地方添加脚本

报错了 Cannot read property 'getComponent' of undefined

jing 初学数据Lv2

发表于2020-4-30 10:28

只看该作者

取消 关注该作者的回复

6#

xiao12 发表于 2020-4-30 10:18
报错了 Cannot read property 'getComponent' of undefined

代码中的“pagetab”需要和标签页组件的标识统一:



xiao12 数据达人Lv4

发表于2020-4-30 10:34

只看该作者

取消 关注该作者的回复

7#

jing 发表于 2020-4-30 10:28
代码中的“pagetab”需要和标签页组件的标识统一:

好了,谢谢

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

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

小时

全天响应

分钟

快速处理问题

工程师强势助力

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

400咨询:400-0011-866

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

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

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