[泛微EC9] 流程表单中实现增加按钮

引言

泛微EC9是一款功能强大的企业管理软件，广泛应用于各种流程表单的管理和操作。在实际应用中，常常需要在流程表单中增加按钮，以实现某些自定义功能。本文将介绍两种在泛微EC9流程表单中增加按钮的方法：使用CSS和jQuery，以及使用标准API接口操作。

方法1：使用CSS和jQuery实现

步骤详解

1. 使用自定义属性，设置单元格id
2. 在主表中通过jQuery向特定元素添加按钮。
3. 使用CSS自定义按钮的样式。
4. 绑定按钮点击事件，实现相应的逻辑操作。

代码示例（主表增加按钮）

function openAddCustomer() {
  // 在此处添加您的逻辑代码
  console.log("哎呀~我被点击了！");
  // 可以在这里执行其他操作或跳转到其他页面等  
}

jQuery(document).ready(function() {
    $("#selectbtn").append("<button class='selectbtn' onclick='openAddCustomer()'>按钮名称</button>");
});

</script>

<style type="text/css">
.selectbtn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #E6F1F7;
    color: #333333;
    border: none;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.selectbtn:hover { background-color: #B2DFF3; }
</style>

方法2：使用标准API接口操作

步骤详解

1. 定义明细表的ID和按钮的字段名、显示名称。
2. 使用API接口将按钮代理渲染到单行文本框字段中。
3. 注册按钮的点击事件，定义点击后的逻辑操作。

代码示例（明细表增加按钮）

jQuery(document).ready(function() {
    // 定义明细表id
    var detailid = "1";
    // 定义按钮字段名(数据库字段名称, 注意: 单行文本框,文本类型)
    var fieldname = "csmx3"
    // 定义按钮显示名称 
    var buttonname = "我是按钮1111"
    
    /** ------------以下内容无需更改----------- **/
    var buttonFieldId = WfForm.convertFieldNameToId(fieldname, "detail_" + detailid);
    initializeButtonAction();
    WfForm.registerAction(WfForm.ACTION_ADDROW + detailid, initializeButtonAction);
    
    function initializeButtonAction() {
        WfForm.getDetailAllRowIndexStr("detail_" + detailid).split(",").forEach(function(rowIndex) {
            if (rowIndex) {
                WfForm.proxyFieldComp(buttonFieldId + "_" + rowIndex, "<Button type='primary' class='ant-btn ant-btn-primary'>" + buttonname + "</Button>", "1,2,3");
            }
        });
    }
    /** ------------以上内容无需更改----------- **/
    
    // 定义触发点击事件
    WfForm.bindFieldAction("onclick", buttonFieldId, function(fieldid,rowIndex){
        alert("明细的"+rowIndex+"行标记字段"+fieldid+"被点击");
        //这里写你想要执行的事件内容
    });
});

小结

这两种方法各有优劣。使用CSS和jQuery的方法更加简单直接，适合快速实现按钮的添加和基本交互操作。而使用标准API接口的方法则更为规范和灵活，适合复杂的业务需求，具有较强兼容性。根据实际情况选择合适的方法，可以更好地提高工作效率和用户体验。

[泛微EC9] 流程表单中实现增加按钮 by https://oneszhang.com/archives/75.html