E10:代码块JQ(流程表单前端接口API)

置顶 ༄天M宇ༀ

已于 2024-06-05 16:49:39 修改

阅读量313

点赞数

分类专栏：泛微E10 文章标签： javascript react.js jquery 前端

于 2024-04-09 10:26:32 首次发布

泛微E10 专栏收录该内容

7 篇文章 2 订阅

订阅专栏

本文介绍了如何在泛微E10中利用jQuery库处理表单加载后的操作，使用AJAX进行异步请求，以及注册拦截事件和函数式自定义渲染表单字段的技术。重点展示了WeFormSDK在前端开发中的应用。

摘要由CSDN通过智能技术生成

泛微E10代码块:流程表单前端接口API

1.jQuery 库中的一个常用功能，用于在 HTML 文档加载完成后执行某些 JavaScript 代码
           window.ebuilderSDK.getPageSDK().on("formReady", function(){})
2.jQuery.ajax 是一个 jQuery 对象的方法，用于发起 HTTP 请求。这个方法允许你发送异步请求，并在请求完成后执行回调函数。
           request({url:_url,method:"post",data:_data,dataType:"json"}).then(_json => {});
3.注册拦截事件，指定动作执行前触发，并可阻断/放行后续操作
               const WfForm = window.WeFormSDK.getWeFormInstance();
    const detailMark = WfForm.convertFieldNameToId("formtable_main_508_dt1");
    // 注册保存事件
    WfForm.registerCheckEvent(`${window.WeFormSDK.OPER_ADDROW}${detailMark}`, (callback: Function, failFn: Function)=>{
        // ...执行定义逻辑
        callback();
    });
4.函数式自定义渲染表单字段
        // 获取表单实例
   const weFormSdk = window.WeFormSDK.getWeFormInstance();
   // 复写组件
   const fieldMark = weFormSdk.convertFieldNameToId('dxwb_md31');
   // 用函数式，可根据条件控制渲染组件
   weFormSdk.proxyFieldContentComp(fieldMark, (props, component)=>{
       return React.createElement('div', {fieldMark}, "Function rendering the content of a multiline text component");
   });
   // 明细字段的示例