门户开发-组件介绍-部件、部件元素
本篇介绍 O2OA 平台门户设计器中的部件与部件元素。部件可将可复用的组件集合保存为容器，便于在多个页面直接引用，修改部件本身即可让所有引用页面同步更新；部件元素则属于复制式插入，拖入页面后元素被打散，可继续在当前页面编辑，且不再受部件后续修改影响。理解这类差异，有助于按企业文化与业务需要更快搭建符合自身风格的门户页面和系统首页。
O2OA 平台具备门户页面定制与集成的能力，企业可以借助门户定制，按照自身的文化与业务需要，设计统一的信息门户、系统首页等 UI 界面。本篇介绍页面设计器元素组件中的部件与部件元素组件。
一、先决条件
1、O2Server 服务器正常运行，系统安装部署请参考文档《如何在服务器上安装部署 O2OA》
2、以拥有管理员权限或拥有门户管理员（PortalManager角色）的用户账号登录 O2OA 平台，如：xadmin
3、可以进入门户管理平台并且有开发权限，请参考《门户开发-门户设计开发入口和权限说明》
二、部件
部件是门户中的一个设计元素。在页面中，我们会设计一些组件集合，形成一些可被重复使用的功能，我们希望在别的页面中直接使用它，而不需要重新设计，这时我们可以把这写组件放入一个容器中，就可以把容器保存为一个部件。当然，您也可以到“部件”管理视图中直接新建一个部件。具体可以查看文档《如何创建部件》
部件类似于子表单，在多数情况下可以减少页面设计的工作量，例如统一的 banner 条、统一的菜单栏等。
部件加入页面后，无法在当前页面中修改部件内部的设计；一旦修改部件本身的设计，所有引用该部件的页面都会同步改变，这正是它与“部件元素”最大的区别。
部件属性
部件特有的属性如下：
属性 | 描述 | 备注 |
选择部件 | 通过下面的下拉框选择当前门户的部件 | |
计算部件 | 通过脚本返回要使用的部件名称、别名或 ID | |
参数 | 可以通过直接配置或脚本方式给部件传递参数 | 当部件中使用了脚本，而脚本又需要外部传入参数时使用。参数是 json 格式，在部件中，可以通过 this.page.getWidgetPrameters().id获取（id为部件元素的标识）。这样虽然使用同一个部件，也可以有不同的个性化展现。 |
三、部件元素
将部件元素拖到页面时，系统会弹出对话框，要求先选择一个部件：
然后系统会将所选部件的所有内容插入到当前页面中。
部件元素并不是真正的页面元素。部件被插入时，其内部元素已经被打散，效果与在表单上直接添加的元素相同。插入后的元素可以在当前页面上继续编辑，而部件本身的修改不会再影响当前页面。可以把它理解为一种快速复制部件内容的方式。
以上是门户设计器中部件、部件元素组件的简单说明，希望对您有帮助，关于门户页面开发的更多介绍请参考以下文章：
《门户开发-门户设计开发入口和权限说明》《门户开发-快速入门开发一个门户实例》《门户开发-组件介绍-容器、通用元素》《门户开发-组件介绍-数据源、子数据源、数据文本》《门户开发-组件介绍-文本、图片、按钮》《门户开发-组件介绍-表格》《门户开发-组件介绍-iframe、HTML》《门户开发-组件介绍-嵌入视图、嵌入统计、嵌入查询视图》《门户开发-组件介绍-文本字段、多行文本、地址、组合框》《门户开发-组件介绍-人员组织》《门户开发-组件介绍-日期选择》《门户开发-组件介绍-下拉框、单选框、多选框》《门户开发-组件介绍-平台应用》《门户开发-组件介绍-数据表格》《门户开发-组件介绍-ElementUI 组件》《门户开发-组件介绍-部件、部件元素》
相关内容
浙公网安备33010602013943号