O2OA使用手册
第1章 功能简介及概述
第6章 平台部署与配置
  • 6.1 平台维护-日志应用使用说明
  • 6.2 平台维护-定期自动执行数据备份与恢复
  • 6.3 系统管理-O2OA日志输出设置log4j2.xml
  • 6.4 将流程数据推送到指定数据表中
  • 6.5 消息通知-定制消息通知的内容
  • 6.6 消息通知-消息通知过滤
  • 6.7 消息通知-为待办创建配置邮件通知
  • 6.8 平台部署之HTTP端口规划
  • 6.9 自定义工作时间(上下班时间)以及节假日设置
  • 6.10 修改数据库驱动jar包操作说明
  • 6.11 使用不同用户访问Oracle时报错-表或视图不存在
  • 6.12 O2OA使用openGauss(华为高斯数据库)配置
  • 6.13 O2Server启用国密加密设置
  • 6.14 用户登录IP限制
  • 6.15 自签名SSL证书验证HTTPS功能
  • 6.16 在用户登录过程中启用图形验证码
  • 6.17 平台部署之使用非root用户运行服务
  • 6.18 如何安装部署O2OA(翱途)开发平台?
  • 6.19 系统配置-平台数据库配置信息样例
  • 6.20 私有化部署服务器架构推荐
  • 6.21 平台服务器下载及安装部署 For WindowsServer
  • 6.22 平台服务器下载及安装部署 For WindowsServer(适用于V7.2之前的版本)
  • 6.23 平台下载及安装及部署 For Linux
  • 6.24 平台服务器下载及安装部署 For Linux Server(适用于O2OA V7.2之前的版本)
  • 6.25 华为云服务器部署O2OA-麒麟操作系统
  • 6.26 超级管理员(xadmin)密码修改
  • 6.27 用户密码初始化规则的设定
  • 6.28 密码管理-用户重置密码操作
  • 6.29 日志管理-访问日志相关配置
  • 6.30 日志管理-审计日志相关配置@日志管理
  • 6.31 日志管理-平台日志文件说明
  • 6.32 系统配置-主要配置文件说明
  • 6.33 系统配置-配置服务器连接O2云
  • 6.34 系统配置-流程催办提醒配置
  • 6.35 系统配置-自定义消息提醒
  • 6.36 系统配置-消息提醒配置说明
  • 6.37 系统配置-文件存储服务器配置
  • 6.38 系统配置-工作日节假日配置
  • 6.39 O2OA实现服务器随操作系统自动启动
  • 6.40 如何访问和操作H2内置数据库
  • 6.41 系统配置-第三方数据库配置-MySQL
  • 6.42 系统架构-集群部署配置及操作说明
  • 6.43 系统架构-基于nginx快速集群部署-上下文分发
  • 6.44 平台集群化部署之基于Nginx端口分发机制实现集群部署
  • 6.45 平台维护-流转中工作数据的查询、操作和管理
  • 6.46 平台维护-待办待阅数据的查询操作和管理
  • 6.47 平台维护-自动执行平台数据的备份与恢复
  • 6.48 平台维护-数据导出导入与系统数据备份
  • 6.49 平台维护-在线部署自定义应用的WAR包和JAR包
  • 6.50 平台维护-使用Web端运行服务器管理命令
  • 6.51 平台服务器版本升级操作说明
  • 6.52 在宝塔面板中安装O2OA(For Linux)
  • 6.53 系统安全-启用HTTPS(百度云版)
  • 6.54 系统安全-启用HTTPS(腾讯云版)
  • 6.55 系统安全-自签名SSL证书验证HTTPS功能
  • 6.56 系统安全-加密登录-登录密码RSA加密
  • 6.57 O2OA作为认证中心实现基于OAUTH2单点认证
  • 6.58 功能部署-为平台增加全文检索功能
  • 6.59 O2OA基于nginx的SSL跳转、转发配置
  • 6.60 o2server无法正常显示验证码解决办法
  • 6.61 如何压缩过大的H2数据库文件
  • 第16章 开发知识及常见问题
  • 16.1 mysql数据库备份
  • 16.2 domain不正确的时候如何强制设置成正确的
  • 16.3 配置文件中使用密文存储密码
  • 16.4 常见问题-连接MySQL出现 Public Key Retrieval is not allowed 的错误
  • 16.5 常见问题-查看表结构
  • 16.6 常见问题-7.2及以上版本开启web代理后请求中没有正确使用web端口问题解决方式
  • 16.7 linux环境libreoffice安装及使用
  • 16.8 在O2OA中使用网络会议(二):Openmeetings与O2OA认证配置
  • 16.9 在O2OA中使用网络会议(一):Openmeetings-5.1.0亲手安装整理 Step-By-Step
  • 16.10 藕粉社区问答系列1
  • 16.11 藕粉社区问答系列2
  • 16.12 藕粉社区问答系列3
  • 16.13 快速入门-平台相关资料汇总
  • 16.14 快速入门-服务器总体介绍汇总
  • 16.15 快速入门-流程表单载入基础数据
  • 16.16 快速入门-常用表单脚本样例汇总
  • 16.17 快速入门-自定义表数据分页样例
  • 16.18 OEM白标-如何修改平台中的Logo图标和文字
  • 16.19 云服务器-阿里云ECS服务器的端口启用
  • 16.20 开发知识-React篇:在O2OA平台框架中使用React
  • 16.21 开发知识-React篇:在O2OA门户页面中使用React
  • 16.22 开发知识-Vue篇:在Vue应用中集成O2OA
  • 16.23 开发知识-Vue篇:使用Vue-CLI开发O2应用
  • 16.24 开发知识-Vue篇:在O2门户页面中使用Vue
  • 16.25 平台中使用Druid数据库连接及监控
  • 16.26 开发知识-在PAAS平台上部署O2OA开发平台
  • 16.27 开发知识-如何使用Tomcat架设webdav服务器
  • 16.28 开发知识-单个端口模式的Nginx和系统配置
  • 16.29 开发知识-Linux非root用户如何使用80端口启动O2OA
  • 16.30 开发知识-O2OA平台启用Eruda进行移动端调试
  • 16.31 开发知识-神通数据库安装
  • 16.32 开发知识-人大金仓数据安装
  • 16.33 开发知识-中标麒麟安装达梦数据库(DM8)
  • 16.34 开发知识-中标麒麟安装人大金仓详细步骤
  • 16.35 开发知识-使用VNC连接中标麒麟V7操作系统
  • 16.36 开发知识-鲲鹏(ARM)麒麟操作系统如何替换yum源?
  • 16.37 开发知识-数据优化知识点
  • 16.38 水印安全-附件水印|加密|文档格式转换图片|PDF
  • 16.39 消息队列-配置activeMQ、kafka消息队列
  • 16.40 常见问题-数据导出或者导入时发生OOM异常
  • 16.41 常见问题-如何让用户在首次登录时,必须对初始密码进行修改
  • 16.42 常见问题-如何在模块部署中控制模块的访问权限
  • 16.43 常见问题-如何在平台中开发Ftp文件上传文件的服务?
  • 16.44 常见问题-如何使用服务管理调用WebService
  • 16.45 常见问题-如何使用脚本调用外部服务
  • 16.46 常见问题-如何使用脚本控制流程自动流转
  • 16.47 常见问题-如何通过脚本调用系统内服务
  • 16.48 常见问题-接口代码疑惑解答汇总
  • 16.49 常见问题:Maven编译o2server错误: Java Heap Space
  • 16.50 常见问题-集群配置后启动报错:NullPointerException
  • 16.51 常见问题-服务器错误:can not decrypt token
  • 16.52 常见问题-IOS移动办公无法收到验证码
  • 16.53 常见问题-服务器和日志时间相差12小时的问题
  • 16.54 常见问题-为什么127.0.0.1可以访问但其他IP无法访问
  • 16.55 藕粉社区问答系列4
  • 16.56 开发知识-React篇:在React应用中集成O2OA
  • 第17章 安装部署

    服务集成-表单界面上自定义弹出选择器功能

    时间:2022-08-03   

    O2OA允许用户对表单进行自由的功能定制,可以增加自定义的组件和插件。本文介绍如果在表单界面上自定义弹出选择器的功能。


    1592564636702-bb9b4200-18c2-4d91-b2d3-c9f8fe565b9c.png

    1592564892505-f9009049-2e7f-4541-8466-a50707440385.png


    MWF.xDesktop.requireApp("Template", "Selector.Custom", null, false); //加载资源
    //第一个参数是选择器的父DOM对象
    var selector = new MWF.xApplication.Template.Selector.Custom(this.form.getApp().content, {
        "style": "blue_flat", //选择框样式
        "count": 0, //允许选择个数
        "title": "选择列表", //选择框标题
        "hasLetter" : false, //是否点击字母搜索
        "hasTop" : true, //可选、已选的标题
        "level1Indent" : 0, //第一层的缩进
        "indent" : 36, //第二层及以上的缩进
        "selectAllEnable" : true, //是否允许多选,如果分类可以被选中,blue_flat样式下失效
         "width" : "500px", //选中框宽度
        "height" :"400px", //选中框高度
        "values": [], //默认选中的项目
        "category": true, //按分类选择
        "expand": true, //默认是否展开
        "hasShuttle" : false, //是否穿梭按钮,blue_flat下才有效
        "noSelectedContainer" : true, //是否隐藏右侧已选区域
        "categorySelectable" : true, //分类是否可以被选择,如果可以被选择那么执行的是item的事件
        "expandEmptyCategory" : true, //允许展开空分类
        "expandSubEnable" : true, //是否允许展开子分类
        "uniqueFlag" : "id", //项目匹配(是否选中)关键字
        "defaultExpandLevel" : 1, //默认展开项目,0表示折叠所有分类
        "onComplete" : function( selectedItemList ){
            //selectedItemList为选中的item对象,下面的selectedItemList为选中的数据
            var selectedDataList = selectedItemList.map( function(item){
              return item.data;
            })
        },
        "onQueryLoad" : function(selector) {
            //加载前事件, selector 为选择器, this为选择器
        },
        "onLoad" : function(selector) {
            //加载后事件, selector 为选择器, this为选择器
        },
        "onQueryLoadCategory" : function(category) {
            //加载分类前事件, category 为 分类对象, this为选择器
        },
        "onPostLoadCategory" : function(category) {
            //加载分类后事件, category 为 分类对象, this为选择器
        },
        "onSelectCategory" : function(category){
            //选择分类, category 为 分类对象, this为选择器
        },
        "onUnselectCategory": function(category){
            //取消选择分类, category 为 分类对象, this为选择器
        },
    	"onQueryLoadItem" : function(item){
            //加载项目前事件, item 为 项目对象, this为选择器
    	},
    	"onPostLoadItem" : function(item){
            //加载项目后事件, item 为 项目对象, this为选择器
    	},
    	"onSelectItem" : function(item){
            //选择项目事件, item 为 项目对象, this为选择器
        	 //如果可以被选择那么执行的是item的事件
            var category = item;
            if( category.data.id === "category1.1" ){ //点击时重新设置子树
                category.data.subItemList = [
                    {
                        "id": "item1.1new",
                        "name": "项目1.1new"
                    },
                    {
                        "id": "item1.2new",
                        "name": "项目1.2new"
                    }
                ];
                category.data.subCategoryList = [
                    {
                        "id": "category1.1.1",
                        "name": "分类1.1.1"
                    }
                ];
                category.reloadSub();
            }
    	},
    	"onUnselectItem" : function(item){
            //取消选择项目事件, item 为 项目对象, this为选择器
    	},
    	"onExpand" : function( obj ){
    	    //展开分类, obj 为分类/项目, this为选择器
    	    if( obj.data.id === "category2" && !obj.loadData ){ //为category2动态添加子分类和子项目
    	        obj.data.subItemList = [
                    {
                        "id": "item2.1",
                        "name": "项目2.1"
                    },
                    {
                        "id": "item2.2",
                        "name": "项目2.2"
                    }
                ]
                obj.data.subCategoryList = [
                    {
                        "name": "分类2.1",
                        "id": "category2.1",
                        "subItemList" : [
                            {
                                "id": "item2.1.1",
                                "name": "项目2.1.1"
                            }
                        ]
                    }
                ]
    	    }
    	    obj.loadData = true;
    	},
    	"onCollapse" : function(obj){
    	    //折叠分类,obj 为分类/项目, this为选择器
    	},
        "selectableItems": [ //可选项树
            {
                "name": "项目1",
                "id": "item1",
                "isItem" : true //第一层的item需要isItem = true
            },
            {
                "name": "项目2",
                "id": "item2",
                "isItem" : true //第一层的item需要isItem = true
            },
            {
                "name": "分类1",
                "id": "category1",
                "subItemList": [
                    {
                        "id": "item1.1",
                        "name": "项目1.1"
                    },
                    {
                        "id": "item1.2",
                        "name": "项目1.2"
                    }
                ],
                "subCategoryList" : [
                    {
                        "name": "分类1.1",
                        "id": "category1.1",
                        "subItemList" : [
                            {
                                "id": "item1.1.1",
                                "name": "项目1.1.1"
                            }
                        ]
                    }
                ]
            },
            {
                "name" : "分类2",
                "id" : "category2"
            }
        ]
    })
    selector.load();