开发者社区 > 大数据与机器学习 > 正文

出库表单的子表单关联物料库存表,可以实现选择了物料类别和物料名称,后面的字段信息自动显示?

已解决

开发仓库管理系统时,出库表单的子表单关联物料库存表,有物料类别,物料名称,单价,规格,当前库存等字段,怎么实现选择了物料类别和物料名称,后面的字段信息自动显示?QQ截图20240308150908.png

展开
收起
无限乐 2024-03-08 15:13:32 171 1
5 条回答
写回答
取消 提交回答
  • 采纳回答

    你好,你可以通过以下两种方法实现字段信息自行展示
    1、在子表单当中其他字段通过配置数据联动,以物料类别,物料名称为联动条件,联动出底表对应字段数据image.png
    2、在子表单内添加一个关联表单组件,配置关联表单组件的数据填充功能,列:
    image.png
    image.png

    2024-03-08 15:50:06
    赞同 12 展开评论 打赏
  • 阿里云大降价~

    要实现这个功能,可以使用JavaScript和Ajax技术。当用户在出库表单的子表单中选择物料类别和物料名称时,触发一个事件,通过Ajax请求后端接口获取对应的物料信息(如单价、规格、当前库存等),然后将这些信息填充到表单的其他字段中。

    以下是一个简单的示例:

    1. 首先,在HTML中创建出库表单的子表单:
    <form id="outbound_form">
      <select id="material_category" onchange="getMaterialInfo()">
        <option value="">请选择物料类别</option>
        <!-- 添加其他物料类别选项 -->
      </select>
      <select id="material_name" onchange="getMaterialInfo()">
        <option value="">请选择物料名称</option>
        <!-- 添加其他物料名称选项 -->
      </select>
      <input type="text" id="unit_price" readonly>
      <input type="text" id="specification" readonly>
      <input type="text" id="current_stock" readonly>
      <!-- 其他表单字段 -->
    </form>
    
    1. 接下来,编写JavaScript代码,实现getMaterialInfo函数:
    function getMaterialInfo() {
      // 获取选中的物料类别和物料名称
      var materialCategory = document.getElementById("material_category").value;
      var materialName = document.getElementById("material_name").value;
    
      // 发起Ajax请求,获取物料信息
      var xhr = new XMLHttpRequest();
      xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && xhr.status == 200) {
          // 解析返回的JSON数据
          var materialInfo = JSON.parse(xhr.responseText);
    
          // 将物料信息填充到表单的其他字段中
          document.getElementById("unit_price").value = materialInfo.unit_price;
          document.getElementById("specification").value = materialInfo.specification;
          document.getElementById("current_stock").value = materialInfo.current_stock;
        }
      };
      xhr.open("GET", "your_backend_api_url?category=" + materialCategory + "&name=" + materialName, true);
      xhr.send();
    }
    
    1. 最后,确保后端接口能够根据物料类别和物料名称查询并返回相应的物料信息(如单价、规格、当前库存等)。
    2024-03-08 17:15:20
    赞同 11 展开评论 打赏
  • 桃李春风一杯酒,江湖夜雨十年灯。

    1、在子表单当中其他字段通过配置数据联动,以物料类别,物料名称为联动条件,联动出底表对应字段数据
    2、在子表单内添加一个关联表单组件,配置管理表单的数据填充功能

    2024-03-08 16:04:58
    赞同 10 展开评论 打赏
  • 您可以通过使用关联表单组件的填充功能进行实现,具体步骤:1,拖拽关联表单组件到子表单中。2,配置关联物料库存表,显示设置中的主要信息和次要信息分别设置物料类别和物料名称字段。3,打开填充功能进行填充单价,规格,当前库存等字段。当在出库表单中子表单选择对应关联表单数据时则会自动填充后续字段

    2024-03-08 15:57:36
    赞同 12 展开评论 打赏
  • 如果问题得到了解决,辛苦点下采纳回答哦~

    按照截图中显示,其他字段可以试下数据联动,以物料名称、类别做联动条件,联动出单价、库存等字段
    image.png
    image.png
    或者直接使用关联表单组件,配置填充,自动填充其他组件内容
    如图:
    image.png
    image.png

    image.png

    2024-03-08 15:50:05
    赞同 10 展开评论 打赏
问答分类:

大数据领域前沿技术分享与交流,这里不止有技术干货、学习心得、企业实践、社区活动,还有未来。

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载