亿信ABI
当前版本:BI4.7

门户指引

1. 工具箱介绍

1.1 布局组件

一个门户或者登录页面的设计,首先从布局设计开始。布局容器的种类有:空白容器、工型容器、T型容器、田型容器、水平容器、垂直容器,布局容器可以嵌套,布局块之间可以合并拆分,从而构建出任意复杂布局模式。

这部分跟报表模板设置布局是极其类似的,不管是布局的种类和操作方式,都差不多,这里就不再对如何使用布局做过多的介绍。

容器的有一个设置,叫布局方式,是需要了解一下的。假设拖入一个田型容器,就将页面分成四块,此时可以在每一块拖入很多组件,这些组件的布局方式有三种可选:流式布局、块式布局、固定布局。即,田型容器的4块区域,每一块区域都可以指定各自的布局方式,且互不干扰。



那么三种布局方式分别有什么不同呢?

    • 流式布局:多个组件成队列排放,先放第一排,排满了再开始放第二排,也就是从左往右,从上到下的顺序依次摆放;
    • 块式布局:块式布局是不管有多少组件,每排只放一个组件;
    • 固定布局:也是最常用的,位置任意放,将组件固定到某一个位置,不是系统自动排的。(这种布局方式最常用)

 

1.2 基本组件

注:蓝色字体是尚未用到过的组件

组件名称

组件标识

作用

文本

text1

用来显示文本内容,例如页面底部显示单位名称地址等信息;

按钮

button1

用来触发点击执行事件,例如登录按钮;

链接

anchor1

用来点击打开链接、也可以用来触发点击执行事件(同按钮),例如点击按钮打开系统个人设置页面;

图片

image1

用来显示图片,例如在页面顶部显示公司logo图片;

单行输入框

input1

用来输入字符数字,例如登录页面的名称密码输入框;

多行输入框

textarea1

用来输入多行字符数字;

单选按钮

radio1

用来做页面上的单选;

复选框

checkbox1

用来做页面上的多选;

简单面板

easypanel1

用来辅助排版布局的,例如登录页底部显示有图片和文本,可以在保持两者相对位置固定的情况下,让两者组合之后的整体对页面居中;

标签页

tabctrl1

标签形式显示展示内容,例如门户模板中的选项卡风格;

面板

panel1

带标题的简单面板,其空白区域可以与简单面板一样拖入容器或组件,标题部分可以设置文本和图标,像内网首页中的各个模块

磁贴

metro1

用来点击打开链接,功能类似于链接组件,但是可以加图标,且大小风格只有两种可选,例如win8风格门户用到的组件就是磁铁;

表单

form1

用于form表单提交,例如在门户上上传一个excel文件;(暂未开发好)

子窗口

iframe1

用来显示链接的内容,例如酷黑风格里面,点击顶部按钮,在下面的子窗口显示子页面的内容;

Flash视频

flash1

用来显示flash视频动画;

 

1.3 高级组件

注:蓝色字体是尚未用到过的组件

组件名称

组件标识

作用

菜单

menu1

用来在门户上形成菜单,第一层横向平铺,第二层开始都为树形,菜单任何节点都可以设置资源链接;例如门户模板中的酷橙风格顶部标签,就是用的菜单组件;

滚动文本

xslidertext1

用来在门户上滚动播放文字的,例如在门户右上角滚动播放公司信息;

轮换图片

xsliderimg1

用来滚动播放一组图片,并且图片可以设置打开链接;

xtree1

用来显示树形结构,任何树形结构都能设置资源链接,例如门户中树形结构显示报表,就需要用到树组件;

列表

xlist1

用来在门户上,以表格的形式列出一些信息;

可编辑下拉框

xeditcombo1

以下拉的编辑方式来选择要输入的值,如果下拉选项中没有符合条件的,也可以自行输入。可以用在一些条件过滤或搜索的页面中

简单列表框

xlistbox1

同下拉列表框一样也是给出几个选项以供选择的,但这个是始终显示所有选项的那种选择框

下拉列表

xlistcombobox1

功能同可编辑的下拉框,只是只能选下拉选项中提供的值,不能自行输入

带按钮输入框

xeditbrowser1

同单行输入框的功能,且在后面带有一个按钮,用于选择输入

工具条

xcoolbar1

一排工具按钮组成的组件,系统中的很多页面都能看到的那种效果,用于配置类似系统页面的

日历

xcalendar1

日历,选择日期用的,一般不单独使用,最多也会是作为日历下拉框配合使用

日历下拉框

xcalendarcombo1

选择日期用的一个组件,如可以作为参数替代报表模版的参数面板

月历

xmenology1

同日历

月历下拉框

xmenologycombo1

同日历下拉框

数值输入框

xspinner1

后面带增大减小按钮的数值输入框,作为微调数值用

滑块

xslider1

同数值输入框一样也是一种数值型输入组件,但它不是微调,而是从在起止值间拖动调整

编辑滑块

xeditslider1

同滑块,增加手工输入的调整,用于比滑块拖动更精确的调整

 

1.4 组件的叠放次序&定位方式

前提:布局块的布局方式设置是"固定布局";

任何一个组件选中后,右键属性中都有两个设置项:叠放次序、定位方式

叠放次序:置于顶层、置于底层、上移一层、下移一层;这个比较好理解,当出现多个组件相互覆盖的时候,可以设置多个组件之间的叠放次序。

定位方式:水平左(中、右)定位,竖直上(中、下)定位,是当分辨率变化的时候,用来指定组件位置的定位标准。例如水平右定位,组件跟外容器的相对位置的以右边距为准,在设计界面,组件与容器右侧距离20个像素的距离,那么水平右定位的话,在预览的时候,不管分辨率如何,组件都跟右侧保持20个像素的距离;门户有右上角的注销按钮,一般情况下都会选择水平右定位。

2. 设计要点剖析

2.1 登录页攻略

登录页面是最简单的,要设计一个登录页,4个必备组件+2个脚本,其他就随意发挥。

4个必备组件:账号输入框、密码输入框、登录按钮、密码不符提示文本

2个脚本如下:

页面属性/加载完成脚本:function(){ getElement = function(nms) { var obj = $p.$(nms); return obj.get("input") || obj.get("widget_div"); }; _validateLoginElements = function(){//重写这个检查DOM的方法,因为该方法会更改用户名和密码框的样式 login_user = getElement("loginUser"); //用户名输入组件标识 login_pwd = getElement("loginPwd"); //密码输入组件标识 login_bt = getElement("loginButton"); //登录按钮组件标识 login_error = getElement("loginError"); //密码错误提示文本组件标识 login_error.className += " form_point"; login_verify = null;//暂时不要验证码功能 _errortimes = 0; _verifycode = 0; }; setupLoginForm();}

 

 

页面属性/自定义脚本:var contextpath = sys.getContextPath();include(contextpath + "esmain/main/js/serverfunc.js");include(contextpath + "esmain/main/js/login.js");include("xui/third/md5.js"); function showLoginErrorImpl(errormsg){ var ediv = getElement(["loginError"]); //密码错误提示文本组件标识 if(!ediv) return; ediv.innerHTML = ""; ediv.appendChild(doc.createElement("span")); ediv.appendChild(doc.createTextNode(errormsg)); ediv.style.display = "block";}

 

2.2 登录页实战

(最简单的方法,用模板,在模板的基础上换图片,这里为了保证介绍的完整性,所以从空页面开始)

2.2.1 需求

在动手开始设置前,首先要有一个需求的草图,这样就可以按照草图去设计页面的布局和组件了



2.2.2 新建&布局

新建一个登录页,选择"从空白页面创建",定义一个门户名称:



拖入水平容器组件,并编辑容器分成上中下三个部分。上下两块固定高118,中间块最小高度设置为63%(根据实际情况,调整大小),没有合适的背景图片,可以用容器背景色代替,分别对三块分区设置不同的背景色,如下:



为了方便组件的布局,将上中下三块的布局方式都设置成"固定布局",设置的方法是,在某容器上,右键菜单"布局方式/固定布局":



2.2.3 logo+文本

需求中的logo、公司名称、公司信息,指需要拖入图片或者文本组件到相应位置即可,只需要注意一下各组件的定位方式,操作非常简单,效果如下:



2.2.4 4个必备组件设置



登录页有4个必备组件:

  • 账号输入框:用单行输入框组件,显示方式为明文,组件标识为:input1;
  • 密码输入框:用单行输入框组件,显示方式为密码,组件标识为:input2;
  • 登录按钮:用按钮组件,选择一种合适的风格,组件标识为:button1;
  • 密码错误提示框:用文本组件,当密码输入错误的时候,给出提示信息,提示内容由系统传递,所以在此处之需要给一个空的文本框即可(文本内容清空),组件标识为:text5

注意:这里还用到了简单面板组件,上图中看到的组件,都是放在简单面板组件内的,做样做的目的是方便排版和布局,设置简单面板定位方式为水平中定位、竖直中定位。

2.2.5 2个脚本修改


根据上面步骤中拖入组件的组件标识,去修改相应的脚本参数,然后将脚本粘贴到页面属性中的加载完成和自定义脚本,脚本如下:

页面属性/加载完成脚本:function(){ getElement = function(nms) { var obj = $p.$(nms); return obj.get("input") || obj.get("widget_div"); }; _validateLoginElements = function(){//重写这个检查DOM的方法,因为该方法会更改用户名和密码框的样式 login_user = getElement("input1"); //用户名输入组件标识 login_pwd = getElement("input2"); //密码输入组件标识 login_bt = getElement("button1"); //登录按钮组件标识 login_error = getElement("text5"); //密码错误提示文本组件标识 login_error.className += " form_point"; login_verify = null;//暂时不要验证码功能 _errortimes = 0; _verifycode = 0; }; setupLoginForm();}
页面属性/自定义脚本:var contextpath = sys.getContextPath();include(contextpath + "esmain/main/js/serverfunc.js");include(contextpath + "esmain/main/js/login.js");include("xui/third/md5.js"); function showLoginErrorImpl(errormsg){ var ediv = getElement(["text5"]); //密码错误提示文本组件标识 if(!ediv) return; ediv.innerHTML = ""; ediv.appendChild(doc.createElement("span")); ediv.appendChild(doc.createTextNode(errormsg)); ediv.style.display = "block";}

 

2.2.6 设置缩略图

最后还需要设置一个门户的缩略图,可以在设计界面截图,将该图上传服务器,并通过"门户配置/预览图片"指定为缩略图:



设置之后,在门户预览里面,就可以华丽丽的变身啦!



一切设置搞定之后,就选中该登录页面,作为服务器登录页面,哈哈,是不是很有趣呀~~



3 门户页攻略

展示报表的组件有两个:标签组件、子窗口组件;BI门户是用来展示报表的,这两个组件的重要性,你懂的~

常见报表展示的结构:树形、标签、菜单、标签+树、菜单+树;

(注意这列之列出到报表展示结构,隐含的任何一种结构都需要子窗口或者标签来显示报表内容)

另说明:建议在模板基础上去设计门户,如果从空页面开始制作门户,你会发现门户是脚本的天下,慎用!

3.1 菜单+子页面,设置子页面在指定的区域展示



在上图中就做了一个很简单的菜单+子页面的的门户,第一页page0.esp是默认的门户主页,第二页page1.esp是一个子页面

在page0.esp设计成上下结构的布局,上面拖入一个菜单组件(双击即可编辑菜单内容),下面拖入一个子窗口组件,组件标识为iframe1;

首页就展示一个kpi报表,配置链接如下(报表链接可以拾取):

../../resource/EBI$12$4IKKVTRUO0T4C0UIY5U5O4IL76ISSCTQ$1$MINFKBSK4UVMUUIITZXTSEF5YKIQ9PDI.rpttpl

第二页就展示page1.esp的内容,配置链接如下(子页面链接可以拾取):

../../esmain/portal/portal.do?filepath=/root/portals/pages/esp/CDS/page1.esp

还有一个关键步骤:菜单的两个节点的"打开方式"设置都需要输入子窗口的组件标识iframe1,这样才能让展示内容指定在该子窗口显示;

3.2 菜单组件默认第一个为选中状态

顶部的标签用菜单组件实现,希望初次刷新菜单第一项默认为选中状态,如下图所示:



在菜单组件的"属性/事件/加载完成"设置脚本如下:

function(bar, iseditstatus) {if (!iseditstatus) {bar.doClick(bar._property["itemnames"][0]);}}

 注意:bi最新版中,该设置无须在借助脚本,可以在菜单属性中设置了

3.3 树型+标签(子窗口),设置树上点击资源在标签区域展示



如上图所示,左侧树,右侧为展示区域,展示区域可以是标签组件也可以是子窗口组件,但是如何点击树上的节点,让展示的内容在指定的区域去展示呢? 还是需要在一段脚本来支持的。

脚本写在树组件的"属性/事件/鼠标单击"中.

如果是树+TAB标签,脚本内容如下:

function(item){ if(!item) return; var url = item.url; if(!url) return; var pagetab = $p.$("tabctrl2").getComponent(); //tabctrl2为标签组件标识,脚本只需要改动这个参数即可 var index = pagetab.getIndex("url", url); if(index !== -1) { pagetab.setActive(index); } else { pagetab.add(item.getItemText(), item.imageLeaf || item.imageOpen || item.imageClose, {data : {url : url, urlparams : item.urlparams, refreshcaption : true}}); }}

 如果是树+子窗口组件,脚本:

function(item){ if(!item) return; var url = item.url; if(!url) return; $p.$("iframe1").setUrl(url); //iframe1是子窗口的组件标识}

3.4 标签组件添加标签页自动该页添加树

门户模板中有一种是:选项卡组合导航树风格,这个模板主要用到的就是标签组件+树组件,其中有一个重要的特点就是标签组件每增加一个标签,系统将自动为该标签添加树组件和子标签

在标签组件的"属性/事件/加载完成"设置脚本如下,就能自动实现上述效果: 

function(xtab, iseditstatus, widget){ if(!iseditstatus) return; var sheet = widget.get("widget_sheet"); xtab.setOnAdded(function(index, tab){//添加标签 if(tab.getData(index, "isdragadd")) return; var bodyDom = tab.getBodyDom(index); sheet.bindDroppable(bodyDom,"container");//绑定扩拖拽容器属性,否则会不让添加容器 var layout = sheet.addContainer({parent: bodyDom, row: 1, col: 2}); layout.setColFixed(0, true); layout.setColWidth(0, 200); layout.setColWidth(1, 100); layout.getGridDom().setAttribute(PortalConstants.NAME_DATA_RELAYOUT, "true"); sheet.addWidget("widget_tabctrl", { parent: layout.getCellDom(0, 1), callback: function(sheet, widget) { var id = widget.getProperty("id"); widget.set("widget_editor", null); sheet.setWidgetProperty(id, "hideheader", true); sheet.addWidget("widget_xui_xtree", { parent: layout.getCellDom(0, 0), callback: function(sheet, widget){ //设置click属性 widget.setProperty("evt_click", "function(item){ " +" if(!item) return; " +" var url = item.url; " +" if(!url) return; " +" var pagetab = $p.$("" + id + "").getComponent(); " +" var index = pagetab.getIndex("url", url); " +" if(index !== -1) { " +" pagetab.setActive(index); " +" } else { " +" pagetab.add(item.getItemText(), item.imageLeaf || item.imageOpen || item.imageClose, {data : {url : url, urlparams : item.urlparams, refreshcaption : true}}); " +" } " +"}"); widget.setProperty(widget.setStyle("green"), "green"); } }); } }); });}

Q:为什么每个标签页下面自动加载的组件是树组件+标签(隐藏头部),而不是树组件+子窗口呢?用标签有什么好处呢?

A: 子窗口组件是每次设置显示的页面时,之前的页面是被丢了的,新页面需要重新下载显示,如果来回切换标签,每一次切换都需要重新下载显示;而标签页,每个标签里面其实是有一个类似于子窗口组件的东西,我切换树节点的页面时,只有第一次显示这个页面时需要下载,切到其它页面时我先不丢,只是隐藏起来,等下次再切过来的时候直接显示,这样就不需要重新下载显示了

3.5 标签组件右键菜单脚本

在树形结构的门户中,右侧展示报表的标签组件,每点击一个新的节点,就会在右侧新增一个标签页,也就是以新增标签页的形式来展示报表,那么这个标签组件上可以配置邮件菜单,在标签上鼠标右键就弹出菜单选项"关闭/关闭其他/关闭所有",如下图所示:



这个右键菜单的功能,也是通过脚本实现的。实现的方法:在标签组件的"属性/事件/加载完成"配置脚本如下:

function(xtab, iseditstatus, widget) { if (iseditstatus) return; if (!window["XPopupMenu"]) include("xui/ctrls/xmenu.js"); var menu = new XPopupMenu(); menu.addXMenuItem("关闭", null, function() { xtab.remove(); }); menu.addXMenuItem("关闭其它", null, function() { var idx = xtab.getActiveIndex(); for ( var i = xtab.getCount() - 1; i > idx; i--) { xtab.remove(i); } for ( var i = idx - 1; i >= 0; i--) { xtab.remove(i); } }); menu.addXMenuItem("关闭所有", null, function() { for ( var i = xtab.getCount() - 1; i >= 0; i--) { xtab.remove(i); } }); $(xtab.getHeaderContainer()).bind("contextmenu", function(evt) { if (xtab.getCount() > 0) menu.popupAtCursor(evt) return false; });}

3.6 让导航树能左右拖动



如上图所示,树形结构的门户中,左侧导航树右侧报表展示标签,中间分割线可以鼠标左右拖动来调整左侧树的宽度。

该功能之需在容器外层的源代码添加一个参数data-relayout="true";

方法:选中树形组件,点击工具栏"选中上层",一般是点击两次,就会定位到容器外层,记住容器外层的组件标识(下图中为container3)



然后切换到门户的源代码,找到container3这一行代码,在这行代码中添加参数data-relayout="true"即可。



其他设置要点:

  • 容器内的组件高度宽度都设置为100%;
  • 左侧树所在的容器最小宽度勾选"宽度固定",并设置一个固定宽度的值;
  • 右侧容器最小宽度给一个固定值,"宽度固定"不要打勾

 

3.7 攻略2 让导航树可隐藏/显示



要实现上图所示的功能,点击导航树上的图标,收拢导航树,再点击就能展开,首先需要在图标的"属性/事件/鼠标单击"设置脚本如下: 

var layout =$p.$("container3"), leftwidth = layout.getProperty("leftwidth"); //container3为导航树所在的容器外层的组件标识if (leftwidth) { layout.setProperty("leftwidth"); layout.setColWidth(0, leftwidth); $p.$("text1").getDom().style.display = ""; //文本组件标识 $p.$("xtree1").getDom().style.display = ""; //树组件标识 this.src = "../xui/images/backyear.gif"; //导航树收拢图标 layout.doLayout()} else { layout.setProperty("leftwidth", layout.getColWidth(0)); layout.setColWidth(0, 20); $p.$("text1").getDom().style.display = "none"; $p.$("xtree1").getDom().style.display = "none"; this.src = "../xui/images/forwardyear.gif"; //导航树展开图标}

其他设计要点:

  • 三者(导航树头部、导航树主体、右侧展示区域)在一个布局里面;


  • 点击收拢/展开的图标,定位方式要设置成"水平右对齐";
  • 导航树收拢的情况下,显示的是容器的背景色,如果需要收拢之后的区域不是显示空白的话,那么建议将容器的背景色与树组件的背景色设置相同颜色;
  • 导航树文字所在的容器高度固定、宽度固定;树所在容器的宽度固定;

3.8 常用的门户导航栏元素

常用的搜索框、欢迎信息、计算按钮、返回按钮等一般定位方式都是水平右定位。以下不再对定位方式一一说明。

欢迎信息

<#=login.name#>,您好!(文本组件)

搜索

底部搜索框(图片组件)+搜索按钮(图片组件)+搜索内容输入框(单行输入框组件)

其中搜索图标"属性/事件/鼠标单击"设置脚本:

var searchobj = $p.$("text_search"); //输入框组件标识if(searchobj){ alert("您准备搜索的内容是:"+searchobj.getValue());}

注意:搜索功能需要另外定制化的脚本,这里的搜索并未真正实现搜索功能,新版门户模板中已经去掉搜索框的设计

个人设置

链接组件,设置链接内容为../../resource/ES$9$personal(可拾取);

计算

链接组件,设设置"属性/事件/鼠标单击"的脚本如下:

//计算 browseIframes(function(wnd){ if (wnd.execmd) wnd.execmd("calcReport"); });

 

注销

链接组件,设置"属性/事件/鼠标单击"的脚本如下:

var contextPath = sys.getContextPath();if(!window["logoutasync"]){ include(contextPath + "esmain/main/js/serverfunc.js");}confirmDialog(null, I18N.getString("esmain.main.mainframe.ftl.suretologoff","您确定要注销登录吗?"), false, null, function(rs) { logoutasync(function(){ window.location.href = contextPath + "esmain/login.do"; });});

 

4 门户页实战

4.1 需求

新建一个标签+树形的门户,2个标签,第一个标签放一个首页,第二个标签放一般报表的导航树。

4.2 新建门户&设置布局

新建一个门户之后,可以通过简单的拖拽,就达到以下效果:



  • 新建一个门户页(从空白页新建);
  • 拖入一个上下结构的布局,其中上面容器固定行高,下面容器设置一个最小高度;
  • 上面的容器设置一个背景色,并拖入相应的文本组件和链接组件,用来配置门户的提示文字和按钮;
  • 下面容器拖入一个标签页组件,并拖入一个报表作为首页,再添加一个标签页作为报表树的标签页

4.3设置树形标签页



  • 切换到第二个标签页,拖入垂直容器,即左右结构的容器,把第二个标签分为左右结构;
  • 然后再左侧容器拖入树组件,并拖入报表资源,即报表资源树结构;
  • 在容器右侧拖入标签也组件,作为报表展示区域;

 

4.4 设置树脚本

如本文2.3.3 树型+标签(子窗口)中所述,树形中的报表资源能够准确在标签页中显示,是需要由脚本来指定。

在树组件的鼠标单击脚本中,将脚本粘贴进来即可:



4.5 预览



这几个简单的步骤就把一个门户设计好了。

当然这些步骤实现的是最简单的门户,为了让门户更好看,实用性更强,我们还可以做更多的完善,例如:

    • 设计顶部图片,顶部用背景色比较单调;
    • 可设计报表资源树左右拖动,可参考2.3.6的内容;
    • 可以为门户顶部加上logo图表和门户所在项目名称,更显得正规大气;
    • 为门户页设置缩略图;

5. 更多脚本

5.1 门户空白页加入容器后,点击按钮收起某一块容器

var grid = $p.$("container2");var height = grid.getProperty("oriheight");if (height != null) {grid.setRowHeight(2, height);grid.setProperty("oriheight");} else {grid.setProperty("oriheight", grid.getRowHeight());grid.setRowHeight(2, 0);}

 

5.2 图片双击放大查看脚本

页面“自定义脚本”那里添加以下脚本:var viewImage = function(url){ include(sys.getContextPath() + "esmain/portal/js/pictureviewer.js"); var viewer = new PictureViewer(); viewer.setCanMove(true); viewer.setCanResize(true); (viewImage = function(url) { viewer.setImage(url) }).call(this, url);};图片组件“鼠标双击”那里设置以下脚本:viewImage(evt.data.getUrl());

 

5.3 悬挂菜单默认高亮

function(bar, iseditstatus) { if (!iseditstatus) { bar.doClick(bar._property["itemnames"][0]); }}

 

5.4 图片上翻下翻

图片区域使用tab页

按钮使用脚本

上一页function() { var tab = $p.$("tabctrl1").getComponent(); var idx = tab.getActiveIndex(); if (idx === 0) { showWaitDialogAutoHidden(1000, "亲,前面没有了."); } else { tab.previousActive(idx); }}下一页function() { var tab = $p.$("tabctrl1").getComponent(); var idx = tab.getActiveIndex(); if (idx === tab.getCount() - 1) { showWaitDialogAutoHidden(1000, "亲,已经到头了."); } else { tab.nextActive(idx); }} 鼠标停靠 页面属性【加载完成】include("xui/ctrls/xfloathint.js");XFloatHint.getFloatHint().setButtonsPaneVisible(false); 链接属性【鼠标悬停】XFloatHint.getFloatHint().showOnDom(this, "<label style="font-weight:bold">企业</label></p><p>1.自定义xxx<br/>2.单人审批xxx", 500);【鼠标移出】XFloatHint.hideFloatHint(500);

 

5.5 关联菜单组件和选项卡组件脚本

菜单:function(bar, iseditstatus) { if (iseditstatus) return; bar.setOnClick(function(name) { $p.$("tabctrl1").getComponent().setActive(this.getItemIndex(name)); });} 选项卡:function(xtab, iseditstatus, widget) { if (iseditstatus) return; var bar = $p.$("menu1").getComponent(); bar.doClick(bar._property["itemnames"][parseInt(widget.getProperty("activeindex"), 10) || 0]);}

注意:新版程序中已经在菜单的属性中实现了该功能,无须脚本。


附件列表

3

文档内容仅供参考
如果您需要解决具体问题,还可以登录亿信社区
在提问求助板块提问,30分钟内帮您解决问题

请先登录