O2OA使用手册
第一章 服务器部署及管理
  • 1.1 O2OA基于nginx的SSL跳转、转发配置
  • 1.2 平台服务器下载及安装部署 For WindowsServer(适用于V7.2之后的版本)
  • 1.3 平台服务器下载及安装部署 For Linux Server(适用于V7.2之后的版本)
  • 1.4 平台服务器主机架构配置推荐
  • 1.5 平台服务器下载及安装部署 For WindowsServer(适用于V7.2之前的版本)
  • 1.6 平台服务器下载及安装部署 For Linux Server(适用于O2OA V7.2之前的版本)
  • 1.7 华为云服务器部署O2OA-麒麟操作系统
  • 1.8 密码管理-超级管理员密码修改
  • 1.9 密码管理-普通用户初始化密码设置
  • 1.10 密码管理-用户重置密码操作
  • 1.11 系统配置-如何访问和操作内置数据库-H2
  • 1.12 系统配置-第三方数据库配置-MySQL
  • 1.13 日志管理-访问日志相关配置
  • 1.14 日志管理-审计日志相关配置@日志管理
  • 1.15 日志管理-平台日志文件说明
  • 1.16 系统配置-主要配置文件说明
  • 1.17 系统配置-配置服务器连接O2云
  • 1.18 系统配置-流程催办提醒配置
  • 1.19 系统配置-自定义消息提醒
  • 1.20 系统配置-消息提醒配置说明
  • 1.21 系统配置-文件存储服务器配置
  • 1.22 系统配置-工作日节假日配置
  • 1.23 系统配置-开机自动启动O2Server
  • 1.24 系统架构-集群部署配置及操作说明
  • 1.25 系统架构-基于nginx快速集群部署-上下文分发
  • 1.26 系统架构-基于nginx快速集群部署-端口分发
  • 1.27 平台维护-流转中工作数据的查询、操作和管理
  • 1.28 平台维护-待办待阅数据的查询操作和管理
  • 1.29 平台维护-自动执行平台数据的备份与恢复
  • 1.30 平台维护-备份和恢复平台数据操作
  • 1.31 平台服务器版本升级操作说明
  • 1.32 o2server无法正常显示验证码解决办法
  • 1.33 在宝塔面板中安装O2OA(For Linux)
  • 1.34 系统安全-启用HTTPS(百度云版)
  • 1.35 系统安全-启用HTTPS(腾讯云版)
  • 1.36 系统安全-自签名SSL证书验证HTTPS功能
  • 1.37 系统安全-加密登录-登录密码RSA加密
  • 1.38 功能部署-为平台增加全文检索功能
  • 1.39 平台维护-在线部署自定义应用的WAR包和JAR包
  • 1.40 平台维护-使用Web端运行服务器管理命令
  • 第十五章 开发知识及常见问题
  • 15.1 常见问题-7.2及以上版本开启web代理后请求中没有正确使用web端口问题解决方式
  • 15.2 linux环境libreoffice安装及使用
  • 15.3 在O2OA中使用网络会议(二):Openmeetings与O2OA认证配置
  • 15.4 在O2OA中使用网络会议(一):Openmeetings-5.1.0亲手安装整理 Step-By-Step
  • 15.5 藕粉社区问答系列1
  • 15.6 藕粉社区问答系列2
  • 15.7 藕粉社区问答系列3
  • 15.8 快速入门-平台相关资料汇总
  • 15.9 快速入门-服务器总体介绍汇总
  • 15.10 快速入门-流程表单载入基础数据
  • 15.11 快速入门-常用表单脚本样例汇总
  • 15.12 快速入门-自定义表数据分页样例
  • 15.13 OEM白标-如何修改平台中的Logo图标和文字
  • 15.14 云服务器-阿里云ECS服务器的端口启用
  • 15.15 开发知识-React篇:在O2OA平台框架中使用React
  • 15.16 开发知识-React篇:在O2OA门户页面中使用React
  • 15.17 开发知识-Vue篇:在Vue应用中集成O2OA
  • 15.18 开发知识-Vue篇:使用Vue-CLI开发O2应用
  • 15.19 开发知识-Vue篇:在O2门户页面中使用Vue
  • 15.20 平台中使用Druid数据库连接及监控
  • 15.21 开发知识-在PAAS平台上部署O2OA开发平台
  • 15.22 开发知识-如何使用Tomcat架设webdav服务器
  • 15.23 开发知识-单个端口模式的Nginx和系统配置
  • 15.24 开发知识-Linux非root用户如何使用80端口启动O2OA
  • 15.25 开发知识-O2OA平台启用Eruda进行移动端调试
  • 15.26 开发知识-神通数据库安装
  • 15.27 开发知识-人大金仓数据安装
  • 15.28 开发知识-中标麒麟安装达梦数据库(DM8)
  • 15.29 开发知识-中标麒麟安装人大金仓详细步骤
  • 15.30 开发知识-使用VNC连接中标麒麟V7操作系统
  • 15.31 开发知识-鲲鹏(ARM)麒麟操作系统如何替换yum源?
  • 15.32 开发知识-数据优化知识点
  • 15.33 水印安全-附件水印|加密|文档格式转换图片|PDF
  • 15.34 消息队列-配置activeMQ、kafka消息队列
  • 15.35 常见问题-数据导出或者导入时发生OOM异常
  • 15.36 常见问题-如何让用户在首次登录时,必须对初始密码进行修改
  • 15.37 常见问题-如何在模块部署中控制模块的访问权限
  • 15.38 常见问题-如何在平台中开发Ftp文件上传文件的服务?
  • 15.39 常见问题-如何使用服务管理调用WebService
  • 15.40 常见问题-如何使用脚本调用外部服务
  • 15.41 常见问题-如何使用脚本控制流程自动流转
  • 15.42 常见问题-如何通过脚本调用系统内服务
  • 15.43 常见问题-接口代码疑惑解答汇总
  • 15.44 常见问题:Maven编译o2server错误: Java Heap Space
  • 15.45 常见问题-集群配置后启动报错:NullPointerException
  • 15.46 常见问题-服务器错误:can not decrypt token
  • 15.47 常见问题-IOS移动办公无法收到验证码
  • 15.48 常见问题-服务器和日志时间相差12小时的问题
  • 15.49 常见问题-为什么127.0.0.1可以访问但其他IP无法访问
  • 15.50 藕粉社区问答系列4
  • 15.51 开发知识-React篇:在React应用中集成O2OA

  • 服务集成-在O2OA中使用系统o2.DL构建弹出框

    时间:2022-08-03   

    O2OA允许用户对表单进行尝试定制以满足各种特殊业务的需求。本文主要介绍如何在O2OA中使用系统o2.DL构建弹出框的相关功能。

    一、实现效果

    使用O2OA平台封装好对象o2.DL的open方法创建弹出层,传入options参数构建弹出框内容、按钮等元素

    实现效果:

    1591852854306-3f9ff6b9-2a2a-4e9a-82ce-704d2f27f3f3.png

    对象源代码位置:o2server/o2web/source/o2_core/o2/xDesktop/Dialog.js,

    该对象继承至o2.widget.Dialog,源代码位置:o2server/o2web/source/o2_core/o2/widget/Dialog.js

    实现代码如下:

    var dialog = o2.DL.open({
      "style" : "o2",
      "title": "弹出框标题",
      "width": "400",
      "height" : "200",
      "isMax": false,
      "isClose": true,
      "isResize": true,
      "isMove": true,
      "isTitle": true,
      "offset": {"x":-200, "y": -100},
      "mask": true,
      "content": new Element("div"),
      "container": this.form.getApp().content,
      "duration": 200,
      "buttonList": [
        {
          "text": "确定",
          "action": function(){
              var result = {"key":"value"};
              if (callback) callback.apply(this, [result]);  
              dialog.close();
          }.bind(this)
        },
        {
          "text": "取消",
          "action": function(){
           		dialog.close();
          }.bind(this)
        }
      ],
      "onQueryClose": function(){
        	console.log("-onQueryClose-");
      }.bind(this),
      "onPostClose": function(){
        	console.log("-onPostClose-");
      }.bind(this),
      "onQueryLoad":function(){
      	  console.log("-onQueryLoad-");
      },
      "onPostLoad": function(){
       	 console.log("-onPostLoad-");
       	 new Element("div",{text:"这是内容区域"}).inject(this.content);
         // ...code...
      },
      "onQueryShow": function(){
     	   console.log("-onQueryshow-");
      },
      "onPostShow": function(){ 
      	  console.log("-onPostShow-");
      }.bind(this)
    })



    二、主要参数说明

    1)、style:弹出框使用的样式,默认是default,系统内置一些样式,比如:flat,o2,chartd等,对应样式文件位置路劲:o2servero2websourceo2_coreo2widget$Dialog,用户也可以自己增加自定义样式风格,对应文件及结构参考已有样式风格。

    2)、title:弹出框头部标题,在isTitle参数为true时有效。

    3)、width:弹出框宽度。 默认值:300

    4)、height:弹出框高度。 默认值:150

    5)、isMax:标题栏是否有最大化按钮,相对应有还原按钮,默认值:false

    6)、isClose:标题栏是否有关闭按钮。默认值:false

    7)、isResize:弹出框大小是否可调整。默认值:true

    8)、isMove:弹出框是否可移动。默认值:true

    9)、isTitle:是否显示标题栏。默认值:true

    10)、offset:弹出框相对默认x轴y轴位置

    11)、mask:是否需要遮罩层。默认值:true

    12)、content:弹出框层的容器。

    13)、container:弹出框层dom对象需要插入页面html内元素的位置,默认插入到body中。

    14)、duration:动画显示弹出框效果时间。默认值:200

    15)、buttonList:定义底部按钮,比如“确认”,“关闭”按钮等,数组列表。text:按钮显示名称,action:                按钮对应的点击事件

    16)、onQueryClose:关闭弹出框前事件

    17)、onPostClose:关闭弹出框后事件

    18)、onQueryLoad:弹出框载入前事件

    19)、onPostLoad弹出框载入后事件

    20)、onQueryShow:弹出框显示前事件

    21)、onPostShow:弹出框显示后事件

    三、其他注意事项及说明

    1)、调用弹出框对象后各事件执行先手顺序 onQueryLoad-->onPostLoad-->onQueryShow-->onPostShow

    2)、弹出框传值问题,通过apply方法,在关闭弹出框后把值通过回调方法传到外部调用的对象中。

    3)、除了以上列出的一些常用参数及方法外,可以查看widgetDialog.js源代码文件中其他内置的参数及方法。               比如setContentSize(),设置居中,reCenter()重新设置居中位置等方法。

    4)、可以自定义一个dialog类设置继承widget.dialog重写内置方法,满足特殊的业务