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

1. 需求说明

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

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

2. 实现方案

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.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();

}

2.3 第三步

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

 (因改动的部分较多、较难找,所以建议直接替换即可) 



  


默认脚本:见附件。

具体的修改地方如下:

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


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


修改容器cell5的默认大小:


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


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


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


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


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


修改容器cell6的默认大小:


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


修改容器cell7的默认大小:


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


修改树xtree1默认隐藏:


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


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


附件列表

4

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

如果您认为本词条还有待完善,请编辑

上一篇计算前脚本执行sql情景案例

下一篇单位级次下拉默认选择第一个节点

请先登录

创建词条

词条信息

admin
admin

超级管理员|词条创建者

1415

浏览次数:1236 次

编辑次数:4次 历史版本

更新时间:2019-12-20