BPM工作流 前端表单JS 处理细节

1、拿到全部页面数据

        $.MvcSheetUI.SheetInfo

2、获取值

        $.MvcSheetUI.GetControlValue("")

3、赋值

        $.MvcSheetUI.SetControlValue("【放数据项】",'【放想赋值的内容或者参数,参数不需要加单引号】')

4、获取登录人

        $.MvcSheetUI.SheetInfo.UserCode

5、获取发起人

        $.MvcSheetUI.SheetInfo.BizObject.DataItems["Originator.UserName"].V

6、ID去除只读、数据项去除只读

        $("#【放ID】").removeAttr("readonly");

        $($('div[data-datafield="【放数据项】"]').removeAttr("readonly");

7、显示、隐藏

        $("#【放ID】").css("display","block");//显示

        $("#【放ID】").show();//显示

        $("#【放ID】").css("display","none");//隐藏

        $("#【放ID】").hide(); //隐藏

8、构造函数,页面加载的时候就会执行里面的方法
         $.MvcSheet.Loaded = function (sheetInfo) {

}

9、点击提交按钮的时候,会触发

        $.MvcSheet.Validate = function () {
                 if(不满足条件){
                          return false;
                 }else{
                          return true;
                 } 
        }

10、设置延迟函数

        setTimeout('【放方法体】',100);//100的单位是毫秒可自行设置

11、提取控件中的文字

        $("div[data-datafield='【放数据项】']").find(".select2-choices").text();

12、正则

        var xxx = str.replace(/\)/g, ");");

        "1,123,222.22".replace(/,/g, '');//同上,正则去掉数字3位的逗号

13、模糊搜索

        $("a[id^=【放ID】]").click();

14、后绑定+匿名函数+调用当前点击控件的id

        $('input[type="text"]').blur(function(e){
            var xxx = $(e.currentTarget)[0].id;
            console.log(xxx);
        });

15、p标签的点击事件 ,点击的被隐藏

        $("p").click(function(){
                $(this).hide();
        });

16、不能删除

         $(xxx).unbind("click.choice")

17、找到当前审批节点

        $.MvcSheetUI.SheetInfo.ActivityCode

18、判断发起节点

        $.MvcSheetUI.SheetInfo.StartActivityCode

19、移除作废

        $(".SheetToolBar>li[data-action='Cancel1']").remove();

20、清除选项

        $('div[data-datafield=""]').SheetUIManager().ClearChoices();

21、添加option

        $('select[data-datafield="TransferType"]').append("<option value='Value'>123</option>");

22、清除选项内容

        $.MvcSheetUI.GetElement("Detail111.ContractSubjectA",i + 1).val("")
        $.MvcSheetUI.GetElement("Detail111.ContractSubjectAYS",i +         1).SheetUser().ClearChoices()
        $('div[data-        datafield="ISLandingRules"]').find('input[name^="ISLandingRules_"]').attr("checked",false); //复选框

23、找到控件

        $.MvcSheetUI.GetElement("【放数据项】",xxx)

24、设置必填

        var myArray= new Array();
        myArray.push('【放数据项】');
        change_validate(myArray,true);//必填
        change_validate(myArray,false);//取消必填

25、生成文字(可用于自动生成主题)

        var A =$.MvcSheetUI.GetControlValue("#【放ID】");//名字
        var B =$('.select2-search-choice').text();//部门
        $("#txtInstanceName").val(A+'-'+B+'-'+"-业务系统数据调整申请流程");

26、单选(注意把input改成div标签)

        data-type="SheetRadioButtonList" data-repeatcolumns="3" data-defaultitems="可;不可" data-defaultselected="false"

27、多选

        data-type="SheetCheckboxList"

28、下拉

        <select data-datafield="XXX" data-type="SheetDropDownList" style="" data-defaultitems="不突破;突破控股集团授权项" data-displayemptyitem="true"></select>

29、文字提示

        data-placeholder="请输入流程审批主题"

30、拿到子表下面已经统计好的数字

        $($('label[data-datafield="【放数据项】"]')[1]).text();

31、清空默认时间

        data-defaultvalue=""

一些方法:

        text() - 设置或返回所选元素的文本内容
        html() - 设置或返回所选元素的内容(包括 HTML 标记)
        val() - 设置或返回表单字段的值
        attr()- 方法用于获取属性值
        indexOf()- 字符串对象

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Vue3 Vite 是一个用于构建Web界面的渐进式JavaScript框架,而 Activiti 是一个流程引擎和业务流程管理(BPM)解决方案。要将 Activiti 前端设计器集成到 Vue3 Vite 中,需要进行一些步骤。 首先,需要下载并安装 Activiti 前端设计器的相关文件。可以从 Activiti 官方网站下载设计器的压缩包,然后将其解压到项目的特定目录中。 然后,在 Vue3 Vite 项目中创建一个新的组件,用于加载 Activiti 前端设计器。可以使用 Vue 的 `import` 来引入设计器的相关文件,然后在组件中使用 `import` 或者 `require` 来引入设计器的样式和脚本文件。 接下来,可以在 Vue3 Vite 项目的路由配置中添加一个新的路由,用于展示 Activiti 前端设计器的页面。可以将这个路由配置为一个独立的路由路径,比如 `/activiti-designer`。 在创建的路由页面中,可以使用设计器的接口或者组件来渲染设计器的界面。可以通过本地或者远程的方式加载设计器的配置文件,并将设计器的相关属性和方法绑定到 Vue 组件的数据和方法中。 最后,可以通过修改 Vue3 Vite 项目的打包配置,将 Activiti 前端设计器的相关文件打包到最终的项目中。可以使用 Vite 的插件或者配置项来实现这个功能。 总的来说,要将 Activiti 前端设计器集成到 Vue3 Vite 中,需要下载和解压设计器的文件,创建一个新的组件用于加载设计器,配置一个新的路由来展示设计器的界面,并通过数据绑定和方法绑定将设计器的功能集成到 Vue3 Vite 项目中。最后,调整打包配置,将设计器文件打包到最终项目中。这样就可以在 Vue3 Vite 中使用 Activiti 前端设计器来设计和管理业务流程。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值