两个表单：申请流程单、投票数据单，怎样实现申请流程单里面的数据，在打开投票单的时候显示
两个表单：申请流程单、投票数据单，怎样实现申请流程单里面的数据，在打开投票单的时候显示
展开
收起
3
条回答
写回答
写回答
-
在宜搭中，实现两个表单（申请流程单和投票数据单）之间的数据关联显示，可以按照以下步骤进行操作：
创建主表单：首先创建一个“申请流程单”表单，并添加必要的字段，如申请人、申请内容等。
创建子表单：接着创建一个“投票数据单”表单，用于记录投票的相关信息。
设置关联关系：
- 在“申请流程单”表单中，添加一个按钮或者链接，点击后触发打开“投票数据单”的动作。
- 在打开“投票数据单”的动作配置中，选择将“申请流程单”的相关字段值作为参数传递给“投票数据单”。
预设子表单的初始值：
- 在“投票数据单”表单中，对于需要显示从“申请流程单”传来的数据的字段，设置其初始化值为从父表单接收的参数。
保存并预览：
- 保存所有设置，然后预览“申请流程单”，点击打开“投票数据单”的按钮或链接，检查是否正确地显示了“申请流程单”的数据。
2023-12-09 13:13:57赞同 1 展开评论 打赏 -
实现两个表单（例如申请流程单和投票数据单）之间的数据关联显示，可以按照以下步骤进行操作：
确定关联字段：
- 确定两个表单中哪些字段需要进行关联。比如在申请流程单中有“申请人”、“申请内容”，而在投票数据单中也有对应的“申请人”和“申请内容”。
创建表单关系：
- 在设计表单时，通常会有建立表间关系的功能。根据你使用的工具不同，这个功能可能有不同的名称，如“关联表单”、“数据联动”等。
配置关联逻辑：
- 在投票数据单的界面设计中，选中要显示申请流程单数据的单元格或控件。
- 打开该单元格或控件的属性设置，找到与数据源相关联的选项，然后选择“申请流程单”作为数据来源。
- 从申请流程单中选择相应的字段映射到当前单元格或控件上。例如，将申请流程单中的“申请人”字段映射到投票数据单的“申请人”字段。
保存并预览效果：
- 完成上述设置后，保存你的改动，并预览投票数据单以确保关联的数据正确显示。
更新数据实时性：
- 如果希望当申请流程单中的数据发生变化时，投票数据单能自动更新，你需要确保你使用的工具支持这种实时数据同步。如果支持，一般情况下只要配置好关联关系就会自动处理。
这些步骤适用于大多数现代的表单设计工具，包括但不限于Excel、Google Sheets、在线表单服务（如Ureport、宜搭等）。具体的界面和操作可能会有所不同，但基本思路是一致的：通过建立表单间的关联，使得一个表单中的数据能够在另一个表单中被引用和显示。
2023-12-08 16:49:49赞同 展开评论 打赏 -
面对过去，不要迷离；面对未来，不必彷徨；活在今天，你只要把自己完全展示给别人看。要实现申请流程单里面的数据在打开投票单的时候显示，可以通过以下步骤：
- 在申请流程单中，将需要显示的数据存储在一个变量或者数据库中。
- 在投票数据单中，通过查询申请流程单中的变量或者数据库，获取相应的数据。
- 在投票数据单中展示获取到的数据。
具体实现方式取决于你使用的技术和平台。以下是一个简单的示例，使用HTML和JavaScript实现：
申请流程单（application_form.html）：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>申请流程单</title> </head> <body> <h1>申请流程单</h1> <form id="appForm"> <label for="name">姓名：</label> <input type="text" id="name" name="name" required><br><br> <label for="age">年龄：</label> <input type="number" id="age" name="age" required><br><br> <button type="submit">提交</button> </form> <script src="main.js"></script> </body> </html>投票数据单（vote_data.html）：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>投票数据单</title> </head> <body> <h1>投票数据单</h1> <div id="voteData"></div> <script src="main.js"></script> </body> </html>JavaScript代码（main.js）：
// 申请流程单表单提交事件处理函数 document.getElementById('appForm').addEventListener('submit', function(event) { event.preventDefault(); // 阻止表单默认提交行为 // 获取表单数据 const name = document.getElementById('name').value; const age = document.getElementById('age').value; // 将表单数据存储在localStorage中，以便在投票数据单中获取并显示 localStorage.setItem('applicantName', name); localStorage.setItem('applicantAge', age); }); // 投票数据单页面加载时，从localStorage中获取申请流程单的数据并显示在页面上 window.addEventListener('DOMContentLoaded', function() { const applicantName = localStorage.getItem('applicantName'); const applicantAge = localStorage.getItem('applicantAge'); if (applicantName && applicantAge) { document.getElementById('voteData').innerHTML = `姓名：${applicantName}，年龄：${applicantAge}`; } else { document.getElementById('voteData').innerHTML = '暂无数据'; } });2023-12-08 13:39:14赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
