门户开发-组件介绍-下拉框、单选框、多选框-门户管理-O2OA企业应用开发平台-人人都是协同系统开发专家

门户开发-组件介绍-下拉框、单选框、多选框

时间：2023-03-20

O2OA(翱途)开发平台[下称O2OA开发平台或者O2OA]拥有门户页面定制与集成的能力，平台通过门户定制，可以根据企业的文化，业务需要设计符合企业需要的统一信息门户，系统首页等UI界面。从本篇讲的是页面设计器元素组件中下拉框、单选框、多选框组件。

一、先决条件

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

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

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

下拉框、单选框、多选框这三个组件的基本属性、事件、方法等大致都是一样的。

二、基本属性

image (32).png

image (33).png

image (35).png

属性	描述	备注
是否只读	如果选“是”则不允许编辑
每行选项数	单选框和多选框才有，可选项的排版方式
可选项	可以通过直接设置多个选择项，也可以通过脚本返回多个选择项	通过脚本返回选择项时，需要返回一个字符串数组，每个元素为一个选择项。每个字符串值格式：“text\|value”，其中text为显示的文本；value为真正的值。
样式	下拉框有一个select样式，单选框和多选框有整个容器的样式和按钮样式可自定义
计算	可以通过脚本计算出默认值	在页面中，“创建“、”保存“和”显示“的表现都是一样的，这个选项在表单中有区别。
校验	此字段在门户页面中无效	在流程表单中用于提交时的数据校验

区段属性在门户页面中无效，只在流程表单中生效。

除了DOM事件之外，这几个组件的系统事件如下：

事件名

描述

queryLoad

元素被载入之前执行

load

postLoad

元素被载入之后执行

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

var el = this.page.get(name); //name为元素的标识

获取的元素有以下方法可以使用：

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

logo_all@1.5x.png

以上是门户设计器中下拉框、单选框、多选框组件的简单说明，希望对您有帮助，关于门户页面开发的更多介绍请参考以下文章：