H3 BPM前后台交互方法介绍-阿里云开发者社区

开发者社区> 余二五> 正文

H3 BPM前后台交互方法介绍

简介:
+关注继续查看

在BPM项目中,前后台交互功能很常见,实现的方式也有很多种

这个TXT里面介绍的就是H3封装的Action的用法


//Loaded是H3封装的前台加载事件

$.MvcSheet.Loaded = function (sheetInfo) {

//$.MvcSheetUI.GetElement("参数1").change(function (){});方法解析:

//此方法是H3中封装的自定义的change方法,针对H3中的绝大多数控件

//参数1:改变后触发change方法的数据项的编码

//方法前提:此方法需要写在Loaded事件中,不然脚本会报错“未定义change()方法”

//下例中,该方法的功能是,当数据项编码为UserId的数据项改变是,进行前后台交互,读出对应的code和name并赋值给表单数据项

$.MvcSheetUI.GetElement("UserId").change(function (){

//注意事项:

//1、$.MvcSheet.Action中的Data是传入后台的数据值,当是多个值的时候,以英文","隔开,","是在双引号后面的如:Datas: ["{UserId}","{Day}"],

//2、前台通过Data向后台传入数据值,后台的对应方法需要定义参数列表去接收,参数列表的类型和个数需与Data中传入参数的类型和个数一一对应且顺序不能错乱

//3、前后台参数交互类型对应规则

//前台传入数据的控件类型 后台接收的变量类型

//日期类型控件 -> string(字符串)

//参与者(单人) -> string(字符串)

//参与者(多人) -> string[](字符串数组)

//短文本/长文本 -> string(字符串)

//审批意见/附件 -> string(字符串)

//整数 -> int/long/string

//长整数 -> long/string

//数值 -> float/double/string

$.MvcSheet.Action({

                        Action: "TestAction",   // 调用的后台方法名称

                        Datas: ["{UserId}"],    // 输入参数,格式 ["{数据项名称}","String值","控件ID"],当包含数据项名称时 LoadControlValue必须为true

                        LoadControlValue: true, // 是否获取表单数据

                        PostSheetInfo: false,    // 是否获取已经改变的表单数据

                        OnActionDone: function (e) {

//"e"是用来接收方法"TestAction"的反回值(return的值),从下面代码可以看出,TestAction方法返回的是一个对象

//注意事项:

//1、后台方法可以是有返回值的,也可以是无返回值

//2、返回值类型可以是对象、int、string、数组、集合等

//3、我们推荐的是返回对象,这样的话可以避免些系统bug

                         // 执行完成后回调事件

                                $.MvcSheetUI.SetControlValue("code", e.Code); //Code是返回对象e的一个属性,且Code需要和后台定义的对象的属性名称保持一致

                                $.MvcSheetUI.SetControlValue("mvcName", e.Name); //Name是返回对象e的一个属性,且Name需要和后台定义的对象的属性名称保持一致

                        }

});

  });

};










本文转自 lwl_BPM  51CTO博客,原文链接:http://blog.51cto.com/12438115/1924112,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
【spring 注解 错误】使用controller 作为后台给前台ajax交互数据出错
controller作为后台与前台的ajax进行交互,后台的方法处理完成返回一个boolean类型的值,想传给前台用来判断是否执行成功,BUT,问题来了: 1 严重: Servlet.service() for servlet rest threw exception 2 java.
695 0
java后台对前端输入的特殊字符进行转义
转自:http://www.cnblogs.com/yangzhilong/p/5667165.html     java后台对前端输入的特殊字符进行转义   HTML: 常见的帮助类有2个:一个是spring的HtmlUtils,另外一个是apache.
1896 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
4348 0
反射(前台到后台,后台到前台)
后台: using System;using System.Collections.Generic;using System.Linq;using System.Reflection;using System.
509 0
02.LoT.UI 前后台通用框架分解系列之——灵活的菜单栏
LOT.UI分解系列汇总:http://www.cnblogs.com/dunitian/p/4822808.html#lotui LoT.UI开源地址如下:https://github.com/dunitian/LoTCodeBase/tree/master/LoTUI 先看在LoT.
895 0
01.LoT.UI 前后台通用框架分解系列之——小图片背景全屏显示(可自动切换背景)
LOT.UI分解系列汇总:http://www.cnblogs.com/dunitian/p/4822808.html#lotui LoT.UI开源地址如下:https://github.com/dunitian/LoTCodeBase/tree/master/LoTUI 先看在LoT.
721 0
05.LoT.UI 前后台通用框架分解系列之——漂亮的时间选择器
LOT.UI分解系列汇总:http://www.cnblogs.com/dunitian/p/4822808.html#lotui LoT.UI开源地址如下:https://github.com/dunitian/LoTCodeBase/tree/master/LoTUI 先看在LoT.
966 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
5720 0
AntD Admin — Ant Design 风格的中后台前端解决方案
AntD Admin  一套优秀的中后台前端解决方案。 特性 国际化,源码中抽离翻译字段,按需加载语言包 动态权限,不同权限对应不同菜单 优雅美观,Ant Design 设计体系 Mock 数据,本地数据调试 使用 1、下载项目代码。
10658 0
08.LoT.UI 前后台通用框架分解系列之——多样的Tag选择器
LOT.UI分解系列汇总:http://www.cnblogs.com/dunitian/p/4822808.html#lotui LoT.UI开源地址如下:https://github.com/dunitian/LoTCodeBase/tree/master/LoTUI 这个必须说下,本来是用Bootstrap-Select做的,很漂亮,正好后台也是Bootstrap。
782 0
+关注
12613
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载