纷享销客开发者手册 纷享销客开发者手册
  • APL开发手册
  • PWC开发手册
  • OpenAPI 文档
  • 自定义组件(PC端)
  • 自定义组件(小程序)
  • 自定义插件(PC端)
  • 自定义插件(小程序)
  • 第三方集成插件(H5)
  • API(PC端)
  • API(小程序)
  • Fx DevTools
更新日志
  • 简体中文
  • English
  • 自定义组件(PC端)
  • 自定义组件(小程序)
  • 自定义插件(PC端)
  • 自定义插件(小程序)
  • 第三方集成插件(H5)
  • API(PC端)
  • API(小程序)
  • Fx DevTools
更新日志
  • 简体中文
  • English
  • 入门

    • 什么是自定义插件
    • 开发自定义插件
    • 对象表单JS插件

    • 对象列表JS插件

    • 对象详情页JS插件

    • 审批详情页JS插件

    • 审批待办列表页JS插件

    • 业务流JS插件

    • 业务流待办页JS插件

    • 阶段推进器JS插件

    • 阶段视图JS插件

    • 应用JS插件

    • 数据驾驶舱JS插件

    • 订货通商品详情JS插件

    • 订货通商城站点商品列表JS插件

    • 订货通商城站点购物车JS插件

    • 常见问题

    目录

    开发自定义插件

    # 什么是自定义插件

    自定义插件是一个javascript脚本,在纷享销客的平台中,它可以配置在表单和列表两种业务界面中,因此我们将分别举一个例子,来介绍它的使用。

    # 表单js插件

    假设这样的场景,我们想要控制表单提交时的数据。具体的步骤如下:

    # 第一步:我们先编写一个最简单的表单插件,文件名:formPlugin.js,代码如下:
    export default {
    
        beforeSubmit: function(context, postData) {
            alert('插件已生效');
            return new Promise(resolve => {
                postData.name = '新值';
                postData['field_xg2az__c'] = '新值';
                resolve(postData)
            });
        }
    
    }
    
    # 第二步:找到管理后台的「自定义插件」管理界面,点击「新建」并上传该文件

    plugin-start-form-1

    新建插件时,选择组件类型为 新建编辑页JS插件。

    plugin-start-form-2

    # 第三步:在表单布局设计器中,找到「全局设置」中的「PC端新建编辑页JS插件」,选择刚才新创建的插件并保存

    plugin-start-form-3

    # 第四步:在前端界面中,当提交数据时即可看到该插件已生效

    plugin-start-form-4

    更多细节,请看 新建编辑页自定义插件

    # 列表js插件

    假设这样的场景,我们想要修改列表的状态。具体的步骤如下:

    # 第一步:我们先编写一个最简单的列表插件,文件名:listPlugin.js,代码如下:
    export default {
        
        beforeRender(context, options) {
            options.title = '表格新标题';
            options.noDataTip = '表格新无数据提示';
            return options;
        }
    
    }
    
    # 第二步:找到管理后台的「自定义插件」管理界面,点击「新建」并上传该文件

    plugin-start-form-1

    新建插件时,选择组件类型为 列表页JS插件。

    plugin-start-list-2

    # 第三步:在列表页布局设计器中,找到「全局设置」中的「PC端列表页JS插件」,选择刚才新创建的插件并保存

    plugin-start-list-3

    # 第四步:在前端界面中,当提交数据时即可看到该插件已生效

    plugin-start-list-4

    更多细节,请看 列表页自定义插件;

    什么是自定义插件
    介绍

    ← 什么是自定义插件 介绍→

    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式