两个表单：申请流程单、投票数据单，怎样实现申请流程单里面的数据，在打开投票单的时候显示

展开

收起

游客f3wru77dok7dc 2023-12-08 11:18:32 145 0

3 条回答

写回答

取消提交回答

小Lee
实现两个表单（例如申请流程单和投票数据单）之间的数据关联显示，可以按照以下步骤进行操作：
1. 确定关联字段：
  
  确定两个表单中哪些字段需要进行关联。比如在申请流程单中有“申请人”、“申请内容”，而在投票数据单中也有对应的“申请人”和“申请内容”。
2. 创建表单关系：
  
  在设计表单时，通常会有建立表间关系的功能。根据你使用的工具不同，这个功能可能有不同的名称，如“关联表单”、“数据联动”等。
3. 配置关联逻辑：
  
  在投票数据单的界面设计中，选中要显示申请流程单数据的单元格或控件。
  打开该单元格或控件的属性设置，找到与数据源相关联的选项，然后选择“申请流程单”作为数据来源。
  从申请流程单中选择相应的字段映射到当前单元格或控件上。例如，将申请流程单中的“申请人”字段映射到投票数据单的“申请人”字段。
4. 保存并预览效果：
  
  完成上述设置后，保存你的改动，并预览投票数据单以确保关联的数据正确显示。
5. 更新数据实时性：
  
  如果希望当申请流程单中的数据发生变化时，投票数据单能自动更新，你需要确保你使用的工具支持这种实时数据同步。如果支持，一般情况下只要配置好关联关系就会自动处理。
这些步骤适用于大多数现代的表单设计工具，包括但不限于Excel、Google Sheets、在线表单服务（如Ureport、宜搭等）。具体的界面和操作可能会有所不同，但基本思路是一致的：通过建立表单间的关联，使得一个表单中的数据能够在另一个表单中被引用和显示。
2023-12-08 16:49:49

赞同展开评论打赏
arana_A

如果问题得到了解决，辛苦点下采纳回答哦～

如果仅是展示流程表数据，建议使用「关联查询」组件，即在普通表单中使用关联查询，配置显示字段即可
2、如果是在普通表单选择使用流程表单的数据，建议使用关联表单组件，关联流程表即可
3、如果是选择完流程表某条数据，再展示这条数据内的其他内容的话，建议试下「关联表单」组件，结合其他组件展示数据，步骤为：配置关联表单内容及填充内容，关联表单组件使用可参考文档：https://docs.aliwork.com/docs/yida_support/wtwabe/oupunp/gdi5p8/zk6dhy/agd540

4、如果以上还未满足，且您有代码基础的话，建议试下代码方案，在宜搭数据源调用获取流程表单数据的接口，获取流程表单数据后，并赋值给普通表单的组件内
宜搭数据源接口可参考文档：https://docs.aliwork.com/docs/yida_support/lbtl0t/aql605#hZres

2023-12-08 14:08:22

赞同展开评论打赏

小周sir

面对过去，不要迷离；面对未来，不必彷徨；活在今天，你只要把自己完全展示给别人看。

要实现申请流程单里面的数据在打开投票单的时候显示，可以通过以下步骤：

在申请流程单中，将需要显示的数据存储在一个变量或者数据库中。
在投票数据单中，通过查询申请流程单中的变量或者数据库，获取相应的数据。
在投票数据单中展示获取到的数据。

具体实现方式取决于你使用的技术和平台。以下是一个简单的示例，使用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:42:31

赞同展开评论打赏

两个表单：申请流程单、投票数据单，怎样实现申请流程单里面的数据，在打开投票单的时候显示

云原生

热门讨论

热门文章

相关电子书

两个表单：申请流程单、投票数据单，怎样实现申请流程单里面的数据，在打开投票单的时候显示

云原生

热门讨论

热门文章

相关文章

相关电子书