开发者社区> 问答> 正文

在宜搭的自定义页面,的一个文本中需要在其他表单中提交的全部数据,怎么体现

就是在其他表单中,有多个提交的数据

在自定义页面中

想在一个文本中体现,提交的全部数据

请大神们留意,只是一个文本,也不进行任何操作 循环等操作

展开
收起
游客43nbxlybuyfmu 2023-05-04 20:30:55 491 0
5 条回答
写回答
取消 提交回答
  • 在宜搭的自定义页面中展示其他表单中提交的全部数据,可以通过调用“获取数据”接口的方式来实现。具体步骤如下:

    1. 在自定义页面中添加一个文本组件。在组件的内容中,输入需要展示的其他表单数据所用到的变量。例如:

      {{表格数据.姓名}} {{表格数据.性别}} {{表格数据.年龄}}
      

      这里的 表格数据 是你需要获取数据的表单名称,在实际应用中根据你的表单名称来修改。

    2. 在自定义页面中添加一个脚本组件。在该脚本组件的“执行代码”中,输入以下代码:

      $.ajax({
         type: "POST",
         url: "API接口地址",
         data: {
             dataName: "表格名称",
             condition: "{}",
             pageSize: 10000, // 设置一次性获取的数据条数
             pageNo: 1,
             sortField: "",
             sortOrder: ""
         },
         dataType: "json",
         success: function(response) {
             if (response.success) {
                 var data = response.rows;
      
                 // 将表格数据保存到变量中
                 var tableData = JSON.stringify(data);
                 FD.setValue('变量名称', tableData);
             } else {
                 // 获取数据失败
             }
         }
      });
      

      具体代码中:

      • API接口地址 是你需要请求的“获取数据”的API地址。
      • 表格名称 是你需要获取数据的表单名称,在实际应用中根据你的表单名称来修改。
      • pageSize 表示一次性获取的数据条数,建议设置为足够大的数值,例如10000或更大。
      • 变量名称 是你存储获取到的数据的变量名称,在实际应用中根据你的变量名称来修改。
    3. API接口地址 对应的后端代码中调用“获取数据”接口,并返回获取到的数据给前端。

    这样,在运行自定义页面时,脚本会调用“获取数据”接口,查询到需要的表格数据,将其保存到指定的变量中,并且在文本组件中展示这些数据。

    值得注意的是,在“获取数据”接口调用成功后,应该将获取到的数据存储在合适的变量中,以供页面其他组件进行使用。此外,如果需要在页面加载时就展示表格数据,可以在页面加载完成后通过 JS 脚本手动执行脚本组件的执行代码,以触发“获取数据”接口的调用。

    2023-05-06 15:27:13
    赞同 展开评论 打赏
  • 值得去的地方都没有捷径

    在一个文本框中直接展示多个表单提交的数据可能不太可行,因为数据格式和内容可能会比较繁多。建议可以将这些数据整合在一个表格中展示,或者按照一定的格式拼接成字符串后展示在文本框中。

    举例来说,如果你需要提交三个表单数据,例如姓名、电话和地址,你可以如下方法将它们展示在文本框中:

    "您提交的信息如下:\n 姓名:{姓名}\n 电话:{电话}\n 地址:{地址}\n"

    其中,"{姓名}", "{电话}"和"{地址}"代表表单提交的具体数据,可以直接替换为对应的值。这样展示的格式比较清晰,同时也不会显得太过拥挤。

    如果你需要将这些数据整合在表格中展示,可能需要将它们分别放在不同的列中,可以根据自己的需要设定列名和样式。总之,选择哪种呈现方式还需要根据具体情况而定。

    2023-05-05 09:55:47
    赞同 展开评论 打赏
  • 热爱开发

    如果您想在自定义页面中的一个文本框中显示其他表单中提交的全部数据,可以考虑以下两种方法:

    使用 JavaScript 自动填充文本框 在每个表单提交后,使用 JavaScript 将表单中的提交数据收集起来,并将其填充到指定的文本框中。这需要您对 JavaScript 有一定的了解。具体实现步骤如下:

    在自定义页面中添加一个文本框,例如: 在每个表单提交后,使用 JavaScript 收集数据并填充文本框。例如: // 获取表单数据 var formData = $('form').serializeArray();

    // 将表单数据转换为字符串形式 var dataString = JSON.stringify(formData);

    // 填充到文本框中 $('#data').val(dataString); 注意:上述代码中使用了 jQuery 库,如果您没有引入该库,请先下载并引入到自定义页面中。

    将数据存储到数据库中,然后通过查询显示在文本框中 如果您希望数据能够长期保留,并且不希望在表单提交时就立即填充到文本框中,可以考虑将数据存储到数据库中。具体实现步骤如下:

    创建一个数据库表,用于存储数据。 CREATE TABLE formData ( id int(11) NOT NULL AUTO_INCREMENT, data text NOT NULL, PRIMARY KEY (id) ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4; 在每个表单提交后,将数据存储到数据库中。 // 获取表单数据 $data = $_POST['data'];

    // 将数据存储到数据库中 $sql = "INSERT INTO formData (data) VALUES ('$data')"; $conn->query($sql); 在需要显示全部数据的文本框中,可以使用以下代码从数据库中查询数据并显示:

    // 查询所有数据 $sql = "SELECT data FROM formData"; $result = $conn->query($sql);

    // 将数据拼接成字符串 $dataString = ''; while ($row = $result->fetch_assoc()) { $dataString .= $row['data'] . ','; }

    // 填充到文本框中 echo ''; 希望以上方法能够帮助您解决问题。

    2023-05-05 09:30:08
    赞同 展开评论 打赏
  • 公众号:网络技术联盟站,InfoQ签约作者,阿里云社区签约作者,华为云 云享专家,BOSS直聘 创作王者,腾讯课堂创作领航员,博客+论坛:https://www.wljslmz.cn,工程师导航:https://www.wljslmz.com

    如果您在阿里云宜搭的自定义页面中需要在其他表单中提交全部数据,可以考虑使用 JavaScript 来动态生成表单并提交数据。

    以下是一个简单的 JavaScript 示例,可供参考:

    首先,您需要在页面中添加一个文本框,用于接收需要提交的数据。示例代码如下:

    <textarea id="allData"></textarea>
    

    然后,您可以在需要提交数据的地方编写 JavaScript 代码,动态生成表单,并提交数据。示例代码如下:

    // 获取所有需要提交的数据
    var allData = document.getElementById("allData").value;
    
    // 创建一个隐藏的表单元素
    var form = document.createElement("form");
    form.style.display = "none";
    
    // 设置表单的属性
    form.method = "post";
    form.action = "your_action_url";
    
    // 创建一个表单元素,用于包含需要提交的数据
    var dataElement = document.createElement("input");
    dataElement.type = "hidden";
    dataElement.name = "allData";
    dataElement.value = allData;
    
    // 将表单元素添加到表单中
    form.appendChild(dataElement);
    
    // 将表单添加到文档中
    document.body.appendChild(form);
    
    // 提交表单
    form.submit();
    

    在上面的代码中,您需要将 "your_action_url" 替换为您的表单提交地址。此外,您还需要根据实际情况修改代码中的元素 ID 和表单元素名称等。

    通过以上方法,您就可以在阿里云宜搭的自定义页面中实现提交全部数据到其他表单的功能了。

    2023-05-04 22:26:24
    赞同 展开评论 打赏
  • 十年摸盘键,代码未曾试。 今日码示君,谁有上云事。

    你好!请问一下你是想把其它表单提交的数据都展现在自定义页面是吗?

    建议可以使用自定义页面中的表格组件来实现,它能将数据进行直观的展示,可以对其操作列进行编辑,从而实现增删改查的效果。

    2023-05-04 21:14:18
    赞同 1 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
宜搭 - 企业智能化应用搭建平台 立即下载
《云市场-宜搭解决方案》 立即下载
《宜搭开发手册》 立即下载