泛微OA前端开发接口方法详解

"泛微OA前端开发接口方法和自定义方方法总结注释" 泛微OA前端开发接口方法和自定义方方法总结注释，旨在帮助刚接触泛微OA前端开发的小白和不了解泛微OA开发的老手。该文档总结了泛微OA前端开发中常用的接口方法和自定义方方法，并提供了一些建议和注意事项。 **方式一：模板上代码块** 在泛微OA前端开发中，可以使用模板上代码块的方式来开发前端代码。这种方式针对单个节点，在显示/打印/移动模板单独配置。这种方式可以实现灵活的前端开发，但是需要注意模板的配置和管理。 **方式二：路径管理** 泛微OA前端开发中还可以使用路径管理的方式来开发前端代码。这种方式可以针对此路径下所有节点所有模板生效。需要在【路径管理】-打开具体路径-【基础设置】-【自定义页面】中进行配置。 **方式三：流程表单自定义页面设置** 泛微OA前端开发中还可以使用流程表单自定义页面设置的方式来开发前端代码。这种方式可以针对系统所有非模板模式的场景(PC及移动)。需要在【路径管理】-【应用设置】-【流程表单自定义页面设置】中进行配置。 **注意事项** 在泛微OA前端开发中，需要注意以下几点： * 禁止引入init_wev8.js的方式二和方式三。 * 在配置不生效时，请先将代码块/custompage仅写alert确认是否生效，再逐步排查错误原因。 * 表单字段相关操作，不推荐使用jQuery，禁止原生JS直接操作DOM结构！ **前端代码开发方式** 泛微OA前端开发中，前端代码开发方式可以使用 script 标签引入js文件。例如： ``` <script type="text/javascript"> // 这个是OA的jQuery方法，原版也生效但最好用这个 jQuery(document).ready(function(){ }); </script> ``` **获取字段值** 泛微OA前端开发中，可以使用 WfForm 对象来获取字段值。例如： ``` // 获取浏览框显示值 vargs = WfForm.getBrowserShowName("field14713"); // 获取单个字段值 var fieldValue = WfForm.getFieldValue("field110"); // 获取下拉框的文字值 var zp1 = WfForm.getSelectShowName("field14559"); ``` **事件绑定** 泛微OA前端开发中，可以使用 WfForm 对象来绑定事件。例如： ``` // 绑定字段变化事件 WfForm.bindFieldChangeEvent("field14559", function(obj, id, value){}); // 绑定下拉框变化事件 WfForm.bindFieldChangeEvent("field14559", function(obj, id, value){ var zp1 = WfForm.getSelectShowName("field14559"); jQuery("#field14561").val(zp1); if(zp1 != ""){ WfForm.changeFieldValue("field-1", {value: zt + "-" + zp1}); } }); ``` **总结** 泛微OA前端开发中，需要掌握多种接口方法和自定义方方法。同时，需要注意配置和管理的重要性，并遵守相关的注意事项。只有这样，才能开发出高效、灵活的泛微OA前端代码。