组件名elcommon在流转时将组件内容填写原生文本框
拟稿环节多行文本框element组件内容组件名elcommon;在流转到第二环节审批时需要将组件内容填写到审批环节原生文本框文本框组件名textfield。怎么配置在 O2OA 流程中将上一环节拟稿的 elcommonElement通用组件内容自动带入下一环节审批的 textfield文本框最推荐且最稳定的做法是通过脚本在表单加载时进行数据赋值。 以下是具体的配置步骤 1. 确认组件标识ID 在表单设计器中分别确认这两个组件的唯一标识 拟稿环节的多行文本框elcommon假设标识为 elcommon_1 审批环节的文本框textfield假设标识为 textfield_1 2. 配置赋值脚本 在审批环节的表单中找到 textfield_1 组件为其配置 load加载时事件脚本 5 。当流程流转到审批环节时该脚本会自动执行从流程上下文中获取上一环节填写的数据并赋值。 脚本示例// 1. 从当前流程的业务数据中获取拟稿环节填写的内容var sourceDatathis.data.elcommon_1;// 2. 判断数据是否存在然后赋值给当前的 textfield 组件if(sourceData){this.target.setData(sourceData);// this.target 代表当前触发事件的组件}补充说明如果您在赋值时不确定当前表单上是否一定存在 elcommon_1 这个组件或者想从纯数据层面获取除了 this.data.elcommon_1您还可以使用平台提供的 add 方法来安全地获取或创建数据节点 2 4 。但通常情况下直接通过 this.data.组件标识 读取是最便捷的。2、elcommon 组件Element通用组件如果开启了富文本编辑模式它存储的数据通常会包含 HTML 标签例如内容、加粗等。如果直接赋值给原生的 textfield用户可能会看到一堆代码标签。我们可以通过 JavaScript 的正则表达式来过滤掉这些 HTML 标签只保留纯文本。以下是完整的、包含去除 HTML 标签功能的 load 事件脚本// 1. 从当前流程的业务数据中获取拟稿环节填写的内容var sourceDatathis.data.elcommon_1;// 2. 判断数据是否存在if(sourceData){// 3. 使用正则表达式去除 HTML 标签// 将 ... 和 /... 替换为空字符串并去除首尾多余的空格var pureTextsourceData.replace(/[^]*/g,).trim();// 4. 将处理后的纯文本赋值给当前的 textfield 组件this.target.setData(pureText);}3、实现审批环节的内容“反向回填”到拟稿环节的 elcommon 组件在 O2OA 中通常有两种场景。请根据您的实际业务需求选择最合适的一种场景一审批人修改后直接覆盖拟稿人的原始数据推荐 如果审批人在 textfield 中修改了内容提交后希望直接更新流程数据中的 elcommon 字段使其成为最新内容。 配置位置 审批环节 textfield 组件的 afterChange值改变后事件。脚本代码// 获取审批人填写的文本内容var newTextthis.target.getData();// 直接将新内容写回流程的业务数据中覆盖原 elcommon 的值if(newText!undefinednewText!null){this.data.elcommon_1newText;}说明O2OA 的表单数据是 JSON 格式直接给 this.data.组件标识 赋值在表单提交时就会将修改后的数据保存到数据库中。场景二保留拟稿内容审批内容作为“审批意见”追加 如果拟稿人填写的是“申请事由”而审批人填写的是“审批意见”提交时希望将审批内容追加到拟稿内容后面而不是覆盖。 配置位置 审批环节 textfield 组件的 afterChange值改变后事件。脚本代码// 获取当前审批人填写的内容var newTextthis.target.getData();// 获取上一环节拟稿人填写的原始内容var originalTextthis.data.elcommon_1||;if(newTextnewText.trim()!){// 将审批内容拼接到原始内容后面中间加个换行符和标识方便区分var combinedTextoriginalText\n【审批意见】newText;// 将合并后的内容写回数据this.data.elcommon_1combinedText;}4、. 添加按钮组件 在审批环节的表单设计界面从左侧组件库中拖拽一个 按钮Button 组件到 textfield 附近。 按钮名称可以设置为“清空内容”或“重置”。 按钮标识ID假设设置为 btn_clear方便后续维护。 2. 配置点击事件脚本 选中刚刚添加的按钮在右侧属性面板找到 脚本Script 选项卡点击 click点击时事件输入以下代码// 1. 通过组件标识获取到对应的 textfield 组件// 请将 textfield_1 替换为您实际的文本框组件标识var targetFieldthis.form.get(textfield_1);// 2. 将文本框的内容清空targetField.setData();// 3. 同步清空流程业务数据中的 elcommon 字段// 这样在提交时就不会把旧数据或者审批意见再写回去了this.data.elcommon_1;进阶优化建议为了防止审批人不小心误触导致数据丢失您可以给这个按钮加一个二次确认的弹窗。将上面的脚本替换为以下版本var targetFieldthis.form.get(textfield_1);// 弹出确认提示框if(confirm(确定要清空当前填写的内容吗)){targetField.setData();this.data.elcommon_1;}
相关新闻
2026/6/30 2:22:37
诗词创作助手：基于 HarmonyOS ArkTS 的 AI 古典文学创作应用开发实践
诗词创作助手：基于 HarmonyOS ArkTS 的 AI 古典文学创作应用开发实践 本文基于 HarmonyOS 6.0 ArkTS DevEco Studio，从零构建一个覆盖六大诗词创作场景的 AI 对话应用。涵盖 Entry/Component/Builder 声明式 UI、State 响应式状态管理、router 多页面导…
阅读更多
2026/6/30 2:22:37
华为MetaERP 华为财经变革与 IFS 集成财经服务全维度深度分析一、华为财经变革与 IFS 完整发展历程（一）变革前置背景（1987-2006）：全球化扩张下的财务体系崩塌粗放式财务阶段（
华为财经变革与 IFS 集成财经服务全维度深度分析一、华为财经变革与 IFS 完整发展历程（一）变革前置背景（1987-2006）：全球化扩张下的财务体系崩塌粗放式财务阶段（1987-1997） 华为初创期财务仅承担…
阅读更多
2026/6/30 2:17:36
手把手教你用AI：QWen千问大模型快速上手与实战指南
刚开始接触人工智能助手时，很多人会觉得它像个黑盒子：不知道该怎么开口，担心问错了得不到好结果，或者面对满屏的功能按钮无从下手。其实，把 AI 当作一个刚入职的超级实习生来对待，心态就会平和许多。你不需…
阅读更多
2026/6/30 3:58:09
技术模型视图控制器的分离架构
技术模型视图控制器的分离架构：构建清晰可维护的代码 在软件开发中，如何高效地组织代码一直是开发者关注的核心问题。技术模型视图控制器（MVC）的分离架构通过将应用程序分为模型（Model）、视图（…
阅读更多
2026/6/30 3:58:09
GitHub 今日 +2299 Star，这个工具让 AI 读代码不再像翻字典
两周前，一个叫 Understand-Anything 的项目在 GitHub 单日涨了 2,299 个 Star，总 Star 数达到 22,600，登上 TypeScript Trending 榜首。它的核心主张只有一句话：图谱会教你代码，而不只是展示代码。 这篇文章想搞清楚的…
阅读更多![[ 实战部署指南 ] Nessus 10.1.0 专业版：跨平台安装与关键配置避坑](http://pic.xiahunao.cn/yaotu/[ 实战部署指南 ] Nessus 10.1.0 专业版：跨平台安装与关键配置避坑)
2026/6/30 3:58:09
[ 实战部署指南 ] Nessus 10.1.0 专业版：跨平台安装与关键配置避坑
1. Nessus 10.1.0 专业版简介与部署准备 Nessus作为业内知名的漏洞扫描工具，其专业版在渗透测试和网络安全评估中扮演着关键角色。10.1.0版本带来了更精准的漏洞检测能力和性能优化，特别适合企业安全团队和技术人员使用。在开始安装前，我们需…
阅读更多
2026/6/30 3:58:09
近期零基础学量化，先做一个能验证的小流程
没有编程或交易经验时，量化学习看起来像一件很大的事：要懂市场，要会写代码，还要会调试和优化。正因为它看起来很大，初学者更需要把第一步缩小，而不是直接搭一个自己无法判断对错的复杂系统。规则要先变得可…
阅读更多
2026/6/30 3:58:09
把 Claude Code 当作桌面应用的「内置 Agent 运行时」：MCP + 自定义模型通道实战
作者 / 来源：Fay 数字人开源社区 Agent 实验室 一句话答案：想给自己的桌面应用塞一个能调工具、能多步推理的 AI Agent，不必从零写 Agent 循环——直接把 anthropic-ai/claude-code 作为「内置 Agent 运行时」打包进去：① 应用启…
阅读更多
2026/6/30 3:53:09
深入解析TSB83AA23：IEEE 1394b芯片架构、硬件设计与驱动开发实战
1. 项目概述在音视频制作、工业数据采集和高速存储这些对实时性要求极高的领域，设备间的数据交换速度和可靠性是决定系统性能的关键瓶颈。十几年前，当USB 2.0还在为480 Mbps的峰值速率奋斗时，一种名为IEEE 1394，更为人熟知的名字是…
阅读更多
2026/6/29 9:10:41
AI Coding 六个月真实ROI账本：产品经理的血泪教训，研发的冷静忠告
6个月前的2025年12月，Boris Cherny 公开宣布自己卸载了 IDE。一时间，Vibe Coding 成了全行业最热的话题。6个月后，当我们回过头来拉一份真实账本，发现事情远没有"一句话生成一个App"那么浪漫。本文从产品经理和研发两个…
阅读更多
2026/6/29 0:37:38
审计来了，数据权限全开——审计走了，怎么确保权限全部关掉？
引言：审计结束三个月了，审计员的权限还没关某城商行每年按照监管要求开展至少一次数据安全审计。审计期间，内审部门需要抽样检查各类业务数据——交易流水、客户信息、员工操作日志、权限配置记录。这些数据分布在不同系统中，审计…
阅读更多
2026/6/30 0:02:27
ChatGPT到底该选哪个版本？Plus够用还是Team更划算？资深架构师用18项硬指标告诉你真相
更多请点击： https://codechina.net 第一章：ChatGPT套餐选型的终极认知误区 许多技术决策者将 ChatGPT 套餐选型简化为“预算 vs. 用量”的线性权衡，却忽视了底层能力断层、上下文行为差异与 API 兼容性陷阱。这种思维定式导致大量团队在迁移…
阅读更多
2026/6/30 0:02:27
ChatGPT Plus取消订阅全流程实录（含截图级避坑手册）：从网页端/APP/iOS订阅管理入口→确认弹窗陷阱→Apple/Google Billing二次验证→到账时间追踪
更多请点击： https://kaifayun.com 第一章：ChatGPT Plus取消订阅的底层逻辑与风险全景图 ChatGPT Plus 的订阅机制并非简单的“开关式”服务绑定，而是深度耦合于 OpenAI 的账户生命周期管理、支付网关策略与 API 访问权限分级体系。取消订阅…
阅读更多
2026/6/30 0:02:27
NS-USBLoader：Switch玩家的终极游戏管理神器，3步搞定所有操作难题
NS-USBLoader：Switch玩家的终极游戏管理神器，3步搞定所有操作难题 【免费下载链接】ns-usbloader Awoo Installer and GoldLeaf uploader of the NSPs (and other files), RCM payload injector, application for split/merge files. 项目地址: https:…
阅读更多