门户开发-组件介绍-容器、通用元素-门户管理-O2OA企业应用开发平台-人人都是协同系统开发专家

门户开发-组件介绍-容器、通用元素

时间：2023-03-17

O2OA(翱途)开发平台[下称O2OA开发平台或者O2OA]拥有门户页面定制与集成的能力，平台通过门户定制，可以根据企业的文化，业务需要设计符合企业需要的统一信息门户，系统首页等UI界面。从本篇讲的已有元素组件中最基础的两个组件：容器和通用元素。

一、先决条件

1、O2Server服务器正常运行，系统安装部署请参考文档《如何在服务器上安装部署O2OA》

2、以拥有管理员权限或拥有门户管理员（PortalManager角色）的用户账号登录O2OA(翱途)开发平台，如：xadmin

3、可以进入门户管理平台并且有开发权限，请参考《门户开发-门户设计开发入口和权限说明》

二、容器

image (2).png

容器组件就是HTML中的div元素，主要用于布局。

容器属性如下：

image (3).png

属性	描述	备注
标识	容器的唯一标识	同一页面内不可重复
名称	容器的名称
描述	容器的描述
样式	可以为容器定制CSS样式	您可以为这个DIV对象设置CSS样式和HTML属性。
属性	可以为容器设置HTML属性	您可以为这个DIV对象设置CSS样式和HTML属性。

容器的事件除了DOM事件之外，系统事件如下

事件名

描述

queryLoad

容器被载入之前执行。

load

postLoad

容器被载入之后执行，不能确保容器中的子表单元素或一些异步元素加载完成。

容器对象可以通过以下脚本获取：

var div = this.page.get(name); //name为容器的标识

获取的容器有以下方法可以使用：

方法名（属性）	用法	描述
show	div.show()	显示容器元素
hide	div.hide()	隐藏容器元素
addEvent	div.addEvent(name, fun)	给容器绑定系统事件。 name：事件按名称 fun：执行的方法
node	var dom=div.node	获取html原生Dom对象