亿信BI工具-i@Report帮助文档 >> 多彩门户如何配置导航树默认隐藏 >> 历史版本
编辑时间历史版本内容长度图片数目录数修改原因
10-12 23:53 历史版本1 3699 10 2 图片修改
最新历史版本 |   下一历史版本 | 返回词条

多彩门户如何配置导航树默认隐藏

目录

需求说明

需求来源:北京融合友信

需求概述:多彩门户配置导航树默认隐藏

背景说明:通常情况下,在进入门户后,左侧整个导航树是展开的状态,通过点击隐藏的按钮才会把导航树隐藏,客户的需求是直接让导航树默认隐藏,点击按钮才会让导航树展开。

实现方案

  1. 第一步:门户page页属性-->事件–>加载完成  里面添加下面这段脚本。

var layout = XGridLayout.getLayout(1), leftwidth = layout.getProperty("leftwidth");

layout.setProperty("leftwidth", layout.getColWidth(0));

layout.setColWidth(0, 20);

$p.$("text1").getDom().style.display = "none";

$p.$("xtree1").getDom().style.display = "none";

layout.doLayout();

   2.第二步:给控制隐藏展开的按钮-->属性面板【图片】-->事件-->鼠标单击  直接替换成下列这段脚本。

 

var layout = XGridLayout.getLayout(1), leftwidth = layout.getProperty("leftwidth");

if (leftwidth) {

 layout.setProperty("leftwidth");

 layout.setColWidth(0, 234);

 $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";

 layout.doLayout();

}

3:把门户xml中的内容完全替换成“默认脚本.xml”附件中的内容

 因改动的部分较多、较难找,所以建议直接替换即可) 默认脚本.xml

 

具体的修改地方如下:

修改容器外层container2的默认大小:

修改容器cell5的默认大小:

修改文本text1“导航树”默认隐藏:

修改展开按钮图片为隐藏按钮图片:

修改容器cell6的默认大小:

修改容器cell7的默认大小:

修改树xtree1默认隐藏:

该脚本仅支持多彩门户配置导航树默认隐藏。

标签