关键词:门户管理,门户开发,页面部件,系统门户,系统页面

O2OA提供的门户管理平台可以让用户自由地为企业定制符合企业特色的门户系统,门户页面。可以让页面展现的内容真正满足企业自身的需求。本文主要介绍如何在O2OA中创建和使用门户页面部件。


部件相当于一个子页面,部件中元素的和页面中元素用法一致。您可以在门户有页面中插入部件或者部件内的元素。

创建部件

新建部件

选择容器元素创建

从页面/部件中,选择容器元素(Div),创建部件,容器内的元素是作为新部件的元素保存。


部件的使用

插入部件

可以在页面中插入部件,如果当前页面在设计PC端,那么插入的是部件的PC模式内容;如果当前页面在设计Mobile端,那么插入的是部件的Mobile模式内容。



1、计算部件
如果使用计算部件,可以通过条件计算来插入部件。如:

if( this.page.get("type").getData() == "yes" ){
    return "部件1"; //需返回部件名称或部件ID
}else{
    return "部件2";
}


2、参数
可以在页面的部件属性中传参数给部件。可以通过固定值或者是脚本传参。
参数脚本

return {  //如果使用脚本,需要返回参数对象
    "par1" : "参数值1",
    "par2" : "参数值2"
}


在 部件中可以通过· this.page.getWidgetPrameters(); 来获取页面传入的参数
比如上面的参数脚本

var par = this.page.getWidgetPrameters();
//获取的par是
//{
//    "par1" : "参数值1",
//    "par2" : "参数值2"
//}

插入部件元素

可以在页面中插入部件的元素。如果当前页面在设计PC端,那么插入的是部件的PC模式内容;如果当前页面在设计Mobile端,那么插入的是部件的Mobile模式内容。

获取部件内的元素

可以在页面中重复插入同一个部件,可以通过this.page.getWidgetModule( widget, moduleName );可以来获取制定部件的元素。
比如:
1、设计了一个部件,包含一个设计元素subject。
2、在主页面里两次嵌入1步骤创建的部件,一个标识是widget_1, widget_2。

var module = this.page.getWidgetModule( "widget_1", "subject"); 
//部件widget_1的subject组件 
var data2 = this.page.getWidgetModule( "widget_2", "subject").getData(); 
//部件widget_2的subject组件的值


推荐文章:

日程安排
2021-02-19
O2OA日程安排模块为企业提供了各级员工均可以使用的日程管理和日程提醒能力,并且可以将日程发布为组织日程,让组织所有员工均可以看到并且收到提醒。也可以维护一个公
开发知识-Vue篇:使用Vue-CLI开发O2应用
2021-02-07
  Vue-CLI是Vue官方提供的CLI工具,用于为应用快速搭建繁杂的脚手架。本章我们介绍使用Vue-CLI工具在Node,js环境下,Vue和O2集成应用开
服务API-服务端OpenAPI接口查询方法
2021-03-02
O2OA使用前后端分离的模式进行系统设计,并且也开放了全部的后端API供开发者使用,开发者可以根据各类API组织出符合实际业务需求的新服务或者新业务。本文主要介
服务集成-通过接口启动一个新的流程实例(工单)
2021-03-02
O2OA允许用户自行修改源码或者增加源码来扩展系统服务,也可以包装功能更强的业务服务。本文主要介绍如何在Java代码中通过接口从第三方应用系统启动O2OA中的业
开发知识-React篇:在O2OA门户页面中使用React
2021-02-07
  O2OA提供了门户平台,使用可视化方式设计页面,用于设计系统主页、列表等系统中的各类页面,在一定程度上降低了开发者的技能要求。但是对于有经验的前端开发人员,
系统维护-如何压缩过大的H2数据库文件
2021-02-25
平台自带的H2数据库在使用过程中会随着数据量的增加而增长,但是并不会在删除数据后自动缩小。所以O2OA提供了数据库压缩命令用于缩小数据库占用的空间。
企业网盘使用手册
2021-02-19
O2OA企业网盘可以集中储存、管理公司内的文件,确保数字资产安全,支持远程访问,将文件分享给个人、组织、群组。
服务集成-在O2OA中使用系统o2.DL构建弹出框
2021-03-15
O2OA允许用户对表单进行尝试定制以满足各种特殊业务的需求。本文主要介绍如何在O2OA中使用系统o2.DL构建弹出框的相关功能。
开发知识-神通数据库安装
2021-02-07
一、安装配置界面上:勾选择“兼容Oracle模式”,库字符集“UTF8”,页大小"32K"成功创建神通数据库实例后,系统通常为该实例默认创建三个用户:SYSDB
系统集成-腾讯企业邮集成配置
2021-02-25
O2OA平台并不包含企业邮箱解决方案,我们建议将专业的商业邮箱集成到O2OA中,作为更优的企业邮箱解决方案。本篇主要介绍如何在O2OA中如何集成腾讯企业邮。

results matching ""

    No results matching ""