O2OA教程
  • 概述
  • 安装管理及配置
    • 服务器主机推荐配置
    • 平台下载及安装部署
    • 平台升级操作说明
    • 平台基本能力介绍
    • 平台目录结构说明
    • 平台配置文件说明
    • O2OA与移动办公
      • 连接O2云使用APP
      • 集成到企业微信
      • 集成到阿里钉钉(DingTalk)
      • 配置绑定微信扫码登录
    • 平台数据库配置
      • 接入第三方数据库
      • 数据库驱动JAR包的更新或新增
      • 数据库配置信息样例
      • 访问和操作H2数据库
      • 清除废弃的业务数据
      • 压缩H2数据库
    • 平台存储库配置
    • 组织人员架构及管理
      • 密码管理
        • 管理员密码管理
        • 普通初始化密码
        • 用户重置密码
      • 组织架构,组织职位,组织属性
        • 组织架构创建过程
          • 顶组织创建
          • 下级组织创建
          • 组织管理设定
        • 组织职位管理
        • 组织职务意义与使用
      • 人员身份,人员属性
        • 人员信息创建
        • 人员与组织的关系(人员身份)
        • 人员数据导入
      • 角色管理
        • 内置角色介绍
        • 角色信息管理
      • 群组管理
      • 常用脚本
        • 人员信息
        • 组织信息
        • 群组信息
        • 角色信息
      • 数据同步接口
        • 人员数据接口
          • 新增用户
          • 修改用户
          • 删除用户
          • 修改用户密码
          • 修改汇报对象
        • 组织数据接口
          • 新增组织
          • 修改组织
          • 删除组织
    • O2OA集群部署
      • 非对称集群配置
    • 平台消息提醒配置
    • 平台审计日志配置
    • 平台工作日节假日配置
    • API接口服务
    • 启用HTTPS(SSL)
      • 自签名SSL证书验证HTTPS功能
    • SSO与单点认证
      • SSO配置
      • 约定密钥单点认证配置
      • SSO客户端程序
      • SSO服务端程序
    • 平台维护工具
      • 备份恢复数据
      • 自动执行数据备份与恢复
      • 待办
      • 已办
      • 待阅
      • 已阅
      • 流转中工作
      • 已完成工作
      • 授权管理
    • 相关数据表
    • 全文检索功能部署
    • 平台错误日志
      • 日志所在目录
      • 日志使用class
  • 业务开发与设计
    • 流程应用开发与设计
      • 流程开发设计入口
      • 应用创建及权限设置
      • 创建流程
        • 新建流程
        • 新建活动
        • 修改活动属性
        • 修改路由
        • 保存流程
        • 活动配置
        • 路由配置
      • 创建表单
        • 创建表单
        • 修改表单字段
        • 保存表单
      • 常用事件脚本说明
      • 数据字典配置
      • Excel数据导入数据网格(仅支持IE)
      • 流程实际样例需求准备
      • 流程应用的导出导入
      • 拆分流程样例
      • 流程服务调用环节使用
        • 服务地址URL动态参数
        • 自定义HTTP头信息
    • 内容管理与信息发布
      • 创建栏目
      • 创建分类
      • 创建表单
      • 设置表单
      • 栏目的权限
      • 分类的权限
      • 测试发布
      • 如何使用流程发布信息
        • 新建信息发布流程
        • 给分类配置信息发布流程
    • 门户管理与应用包装
      • 功能简介
      • 表单设计
      • 部件设计
      • 脚本开发
      • 数据源使用
      • 相关接口
      • 门户样例
      • 模板导入
      • 其他
    • 数据视图与数据统计
      • 视图
      • 数据表
      • 查询语句
    • 定时任务与服务接口
      • 前后端脚本的差异
      • 代理和接口的脚本编写
      • 代理
      • 接口
    • 系统交互样例
      • 登录认证 For Java
        • 发送用户账号密码进行登录认证
        • 发送用户名使用SSO进行登录认证
      • 流程控制 For Java
        • 启动一个新的流程实例(工单)
      • 外系统启动流程
      • 数据导出
        • 数字档案
    • 项目样例说明
      • 公文
    • 数据字典使用说明
    • 前端开发API说明
      • 业务数据 - Object: data
      • 流程实例 - Object: workContext
      • 内容管理实例 - Object: documentContext
      • 组织架构管理 - Object: org
        • 人员信息: person 操作
        • 人员属性: personAttribute操作
        • 组织信息: unit操作
        • 组织职务: unitDuty
        • 组织属性: unitAttribute
        • 身份信息: identity
        • 角色信息: role
        • 群组信息: group
  • 平台内置应用介绍
    • 会议管理
    • 日程安排
    • 个人文件
    • 执行力管理
    • 考勤管理
    • 论坛管理
    • 办公中心
    • 脑图管理
    • 系统应用权限控制
  • 源码的编译及管理
    • 服务器源码编译
    • 移动端源码介绍
      • Android端编译打包处理
      • IOS端打包处理
    • 平台程序调试方法
      • 前端代码调试定位
      • 后端代码的远程调试
  • 常见问题
    • H2数据库异常修复
    • O2OA平台异常
      • 阿里云ECS服务器的端口启用
      • IOS移动办公无法收到验证码
      • 集群配置
    • 数据导出或者导入时发生OOM异常
    • 服务器错误
Powered by GitBook
On this page

Was this helpful?

  1. 业务开发与设计
  2. 门户管理与应用包装

脚本开发

Previous部件设计Next数据源使用

Last updated 5 years ago

Was this helpful?

1、表单引入脚本include

this.include("initScript") //脚本配置的名称、别名或id

//如果需要引用其他应用的脚本配置,将options设置为JsonObject
this.include({
    type : "portal", //应用类型。可以为 portal  process  cms。如果没有该选项或者值为空字符串,则表示应用脚本和被应用的脚本配置类型相同;比如在门户的A应用脚本中引用门户B应用的脚本配置,则type可以省略。
    application : "首页", // 门户、流程、CMS的名称、别名、id。 默认为当前应用
    name : "initScript" // 脚本配置的名称、别名或id
})

2、脚本方法定义 this.define("xxx",function(){}.bind(this))

//定义一个方法
this.define("getUserName", function(){
    return ( layout.desktop.session.user || layout.user ).name
}.bind(this))

3、脚本系统服务调用

接口地址:

this.action("xxx服务根")或者MWF.Actions.get("xxxx服务根");

例如:引入了cms的文档服务方法,删除,修改,取消发布等方法。

var action = new this.Action("x_cms_assemble_control", {
      "del":{"uri": "/jaxrs/document/{id}", "method": "DELETE"},
      "change":{"uri": "/jaxrs/document/category/change", "method": "PUT"}, 
      "cancel":{"uri": "/jaxrs/document/publish/{id}/cancel", "method": "PUT"}
      }
     );

定义方法调用服务

this.define("change",function(data,callback){ 
    action.invoke({"name": "change","data":data,"parameter": {},"async": true, 
    "success": function(json){
        if(callback)callback(json);
        }.bind(this)}); 
    }.bind(this)

或者也可以直接调用系统内置的方法例如

MWF.Actions.get("x_cms_assemble_control").getDocument(id,function(json){
    //code
}.bind(this))

getDocument是系统中已经定义的方法,具体可以查看服务调用文件o2_core/o2/xAction/service目录下的服务文件

4、操作嵌入视图数据

5、服务调用实现翻页

var action = new this.Action("x_cms_assemble_control", {
    "del":{"uri": "/jaxrs/document/{id}", "method": "DELETE"},
    "change":{"uri": "/jaxrs/document/category/change", "method": "PUT"},
    "cancel":{"uri": "/jaxrs/document/publish/{id}/cancel", "method": "PUT"},
    // 获取未读消息
    "info":{"uri": "/jaxrs/viewrecord/unread", "method": "PUT"},
    // 获取文档
    "list":{"uri": "/jaxrs/document/filter/list/{id}/next/{count}", "method": "PUT"},
    "publish":{"uri": "/jaxrs/document/publish/content", "method": "PUT"},
});

this.data.add("curid","(0)");
this.data.add("pageCount","10");

this.define("loadList",function(id,count,data,callback){ 
    action.invoke({"name": "list","parameter":{"id":id,"count":count},"data":data,"async": true, "success": function(json){if(callback)callback(json);}.bind(this)});
}.bind(this));

this.define("showList",function(json){
    //alert(JSON.stringify(json));
    var content = this.form.get("content").node;
    json.data.each(function(data){
        new Element("div",{text:data.title}).inject(content);
    }.bind(this))
}.bind(this))

6、引入外部js框架,例如jquery

 o2.load("/o2_lib/jquery/jquery.min.js",function(){
        var jq = jQuery.noConflict(true);
        //alert(jq("#aaa").find("input").val())
        jq(document).ready(function(){
            //window.setTimeout(function(){ 
                var tab = jq("table");
                var tr = tab.find("tr"); 
                tr.mouseover(function(){
                    jq(this).css("background-color","#ff0")
                });
                tr.mouseout(function(){
                    jq(this).css("background-color","")
                })
            //},2000);
            
        })
    }.bind(this))
http://dev.o2oa.net:20030/x_program_center/jest/list.html