【泛微OA Ecology 9.0】通过JavaScript 流程表单创建自定义按钮

泛微 Ecology 9.0 流程引擎 表单 表单按钮 代码块 JavaScript

在流程页面上添加一个按钮。通过按钮绑定相关方法。

一、表单上面选择按钮放置位置

二、给位置赋值一个id

给id赋值一个属性值，可自定义，这边以"btnid"为例

三、通过代码块绑定按钮

完整代码如下：

jQuery(document).ready(function($) {
    // 创建按钮
    var button = $(
        '<button id="performanceBtn" title="按钮" class="ant-btn ant-btn-primary">按钮</button>'
    );
    
    // 将按钮插入到指定的单元格中，btnid 为 表单单元格 自定义属性 中 常用属性 id 的值（以"btnid"为例）
    $('#btnid').append(button);
    
    // 绑定点击事件
    button.on('click', function() {
        alert("自定义按钮被点击了！");
        // 在这里添加业务逻辑
    });
});

定义按钮

// 定义按钮的HTML
 var button = $(
        '<button id="performanceBtn" title="按钮" class="ant-btn ant-btn-primary">按钮</button>'
    );

//也可以加一些参数
 var buttonHtml =
    '<span style="display: inline-block; line-height: 28px; vertical-align: middle; margin-left: 10px;">' +
    '<button id="btn" title="按钮" type="button" class="ant-btn ant-btn-primary">' +
    '<div class="wf-req-top-button" style="color:white">按钮</div>' +
    '</button>' +
    '</span>';

插入按钮：其中btnid即是上文中单元格设置的id属性值

    // 将按钮插入到指定的单元格中，btnid 为 表单单元格 自定义数据的id值（以"btnid"为例）
    jQuery("#btnid").html(button);

绑定事件：其中btnwf即上文定义按钮中，定义的按钮id，这边以点击按钮为例，触发事件。

// 绑定点击事件
button.on('click', function() {
   alert("自定义按钮被点击了！");
   // 在这里添加业务逻辑
}); 

 或者

// 为按钮添加点击事件处理程序
jQuery("#performanceBtn").on("click", function() {
   alert("按钮被点击！");
});

四、效果演示