我的位置：首页 › 大数据分析-亿信BI › BI-问题求助 › 多彩门户如何配置导航树默认隐藏 ...

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

复制链接 | 收藏本帖

5643

: Hollow 初学数据Lv2

发表于2018-6-28 09:40

悬赏1

已解决

楼主

在进入门户后，左侧整个导航树是展开的状态，通过点击隐藏的按钮才能把导航树隐藏我想要直接让导航树默认隐藏，点击按钮才会让导航树展开

最近看过此主题的会员

最佳答案

: 红颜为谁醉

发表于2018-6-28 09:40

丨

只看该作者

丨

取消关注该作者的回复

实现方案

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

1.png (127.35 KB, 下载次数: 299)

下载附件

2018-6-28 09:43 上传

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”附件中的内容
（因改动的部分较多、较难找，所以建议直接替换即可）

默认脚本.zip (5.71 KB, 下载次数: ) 。

具体的修改地方如下：
修改容器外层container2的默认大小：

修改容器cell5的默认大小：

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

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

修改容器cell6的默认大小：

修改容器cell7的默认大小：

修改树xtree1默认隐藏：

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

QQ空间微信

1个回答

只看楼主

: 红颜为谁醉初学数据Lv2

发表于2018-6-28 09:40

丨

只看该作者

丨

取消关注该作者的回复

沙发