开发者社区> 问答> 正文

宜搭子表单怎么关联到普通表单,和关联到下拉列表中

展开
收起
dcec6hydzm4no 2023-09-04 07:44:20 248 0
9 条回答
写回答
取消 提交回答
  • 天下风云出我辈,一入江湖岁月催,皇图霸业谈笑中,不胜人生一场醉。

    关联表单组件提供了关联其他表单数据,填充数据到当前表单组件的功能。
    在获取关联的表单数据时还提供了过滤筛选的功能。
    image.png
    在本表单查看其他表单的数据,直接点击跳转,关联其他的普通表单和流程表单
    image.png
    image.png
    用于关联表单组件数据下拉列表的信息展示和搜索,支持主要信息和次要信息
    image.png
    image.png

    2023-09-14 17:17:17
    赞同 展开评论 打赏
  • 在宜搭(EasyEDA)中,子表单可以通过关联字段来与普通表单进行关联。这样可以实现根据普通表单的选择或输入内容动态显示或隐藏子表单。
    image.png
    image.png

    要将子表单关联到普通表单,可以按照以下步骤进行操作:

    1. 创建普通表单和子表单:首先,在你的宜搭项目中创建一个普通表单和一个子表单。确保两个表单已经设计完成并保存。

    2. 添加关联字段:在普通表单中添加一个字段,用于关联子表单。可以选择文本字段、下拉列表等适合的类型。该字段的值将用于控制子表单的显示或隐藏。

    3. 设置子表单的显示规则:打开子表单的设计页面,找到需要关联的组件。在其属性设置中,找到显示规则(Display Rule)选项。根据关联字段的值,设置子表单是否显示。

    4. 关联下拉列表:如果你希望子表单与下拉列表关联,可以使用动作规则(Action Rule)实现。在下拉列表的属性设置中,找到动作规则选项,并添加一个规则。在规则中,指定当下拉列表的选项发生变化时,触发显示或隐藏子表单的动作。

    5. 预览和测试:保存所有更改后,预览宜搭项目并测试子表单与普通表单的关联效果。确保子表单能够根据普通表单的选择或输入内容进行正确的显示或隐藏。

    2023-09-04 17:52:13
    赞同 展开评论 打赏
  • 面对过去,不要迷离;面对未来,不必彷徨;活在今天,你只要把自己完全展示给别人看。

    在宜搭中,子表单可以通过关联字段来与普通表单进行关联。下面是关联子表单到普通表单和下拉列表的步骤:
    image.png
    image.png

    关联子表单到普通表单:

    1. 在普通表单中创建一个关联字段,用于与子表单进行关联。这个字段可以是一个单选或多选字段,用于选择子表单中的相关记录。
    2. 在子表单中创建一个外键字段,用于存储与普通表单关联的值。将该外键字段与普通表单的关联字段进行绑定。
    3. 在普通表单的编辑页面中,添加一个子表单字段,并将其与相应的子表单进行关联。通过设置关联条件,只显示与当前普通表单记录关联的子表单记录。

    关联子表单到下拉列表:

    1. 在下拉列表的选项配置中,选择“从工作表获取选项”并选择子表单所在的工作表。
    2. 选择要显示的子表单字段作为选项文本,以及作为选项值的字段。
    3. 如果需要根据其他字段的值进行筛选,请使用条件过滤器来定义筛选条件,以仅显示符合条件的子表单记录。
    2023-09-04 13:11:50
    赞同 展开评论 打赏
  • 关联表单组件提供了关联其他表单数据,填充数据到当前表单组件的功能。微信截图_20230902110117.png
    在普通表单中添加一个子表单字段或关联字段,然后将该字段与宜搭子表单关联微信截图_20230902110126.png

    2023-09-04 12:16:25
    赞同 展开评论 打赏
  • 十分耕耘,一定会有一分收获!

    楼主你好,要将宜搭子表单关联到普通表单中,可以使用“子表单字段”或“关联字段”功能。
    image.png

    首先,在普通表单中添加一个子表单字段或关联字段,然后将该字段与宜搭子表单关联。这样,填写子表单的数据会被自动关联到普通表单中,实现数据的整合。
    image.png

    如果想要关联到下拉列表中,可以使用“下拉列表字段”或“关联字段”功能。首先,在下拉列表字段中新增一个选项,然后在该选项的关联字段中关联到宜搭子表单。这样,在选择该选项时,相关的子表单数据就会自动展示在下拉列表下方,方便用户查看和填写。

    2023-09-04 09:59:53
    赞同 展开评论 打赏
  • 有很多的官方教程。你查阅一下,很容易入门。

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

    宜搭报表中主表与子表单关联可以设置关联条件用 「主表的实例ID = 子表单数据的父实例ID」进行关联。

    在给宜搭下拉选择组件使用关联其他表单数据的功能时,根据关联的表单是否有数据,决定组件的显隐,如果有数据,则显示当前下拉选择组件,否则显示单行文本组件手动输入数据,

    (1)先给页面绑定 didMount 函数:

    实现该功能的代码如下:

    export function didMount() {

    letm =  this.$( 'selectField_kspi6z4y').get('dataSource').length;

    if(m>0)

    {

    this.$('textField_kspi6z54').setBehavior('HIDDEN');

    }

    else{

    this.$('selectField_kspi6z4y').setBehavior('HIDDEN');

    }

    }

    如遇不适合使用宜搭关联表单组件填充子表单的功能场景,您可以用到代码去子表单关联子表单,详细的使用说明您可以查看文档:明细关联明细。

    2023-09-04 09:02:59
    赞同 展开评论 打赏
  • 什么是关联表单
    关联表单组件提供了关联其他表单数据,填充数据到当前表单组件的功能。

    在获取关联的表单数据时还提供了过滤筛选的功能。

    0bbda098a0c8af2fa79d5dedae6d1bf4_1639365803070-85916522-644c-41e1-8699-e0389781515b.png

    1.2 使用场景
    在本表单查看其他表单的数据,直接点击跳转

    1. 关联属性
      2.1 关联表单及显示内容
      关联其他的普通表单和流程表单,效果如图:

    c17629fd96b5c04d7ce28462faf34bf5_1639365851810-d4f00ff3-6711-4c61-b286-481741ad3c61.png

    2.1.1 关联表单的显示信息(主要信息、次要信息)
    用于关联表单组件数据下拉列表的信息展示和搜索,支持主要信息和次要信息,效果如图:

    e17678f0dcdb9f012c2f24a95d2b6237_1639365997224-0e7d51c4-e910-4376-b61f-700d262ef11a.png

    2.1.3 数据填充
    除了可以选择其他表单的数据,数据填充功能支持将选中的关联数据的字段填充到当前表单的字段中

    a42e08bba83d08dc60b48464617c678d_1639366361521-825b17eb-c4c4-4eb4-8eeb-161acf8e8d4d.png

    设置填充条件时,在弹出的对话框中设置多条相同字段的填充条件,效果如图:

    ec918f4f1c791deb0d40cea47abd61e5_1639366495238-fb87a8e4-82c0-4690-a18e-1cb385a8755b.png

    注意:如果关联表单与子表单配合使用,目前只支持单行的数据公式联动,如果是多行的子表填充场景暂不支持

    image.png

    2023-09-04 08:49:18
    赞同 展开评论 打赏
  • 关联表单组件提供了关联其他表单数据,填充数据到当前表单组件的功能。

    在获取关联的表单数据时还提供了过滤筛选的功能。

    0bbda098a0c8af2fa79d5dedae6d1bf4_1639365803070-85916522-644c-41e1-8699-e0389781515b.png

    关联表单及显示内容
    关联其他的普通表单和流程表单,效果如图:

    c17629fd96b5c04d7ce28462faf34bf5_1639365851810-d4f00ff3-6711-4c61-b286-481741ad3c61.png

    429ae737d52fb117e1426ecf7304d038_1639365965153-a10de197-7a58-47ab-b068-1cd763a5fcc6.png

    关联表单的显示信息(主要信息、次要信息)
    用于关联表单组件数据下拉列表的信息展示和搜索,支持主要信息和次要信息,效果如图:

    e17678f0dcdb9f012c2f24a95d2b6237_1639365997224-0e7d51c4-e910-4376-b61f-700d262ef11a.png

    2525fd53520a6282fd44a7704efff9a0_1639366031888-253ebc43-a6b4-4eaf-8a5e-b9bf1b5fa14a.png

    主要信息可用于在提交数据时的搜索,当前只支持文本输入组件(包括流水号),次要信息可选表单组件。
    显示设置作为提交数据时的必填项,如果开启了流水号功能主要信息会默认显示流水号,也可以自行修改。

    79bee777fb272631e40db6e52294c0c5_1639366133750-f34b0e17-d29a-48a9-9817-d66d8299b4e7.png

    4aef1a6970a5e709bbc150020412c984_1639366172220-d07775fe-0a36-4b7f-9f17-fd161bc31bb9.png

    展示数据多选模式
    关联表单支持数据单选和数据多选模式,默认数据单选 (多选模式关闭)。

    4477784ef630e8bfb695a53c723d7864_1639366213450-f821ade3-ac87-429a-acf8-ef0c2dfd3e5a.png

    数据填充
    除了可以选择其他表单的数据,数据填充功能支持将选中的关联数据的字段填充到当前表单的字段中

    a42e08bba83d08dc60b48464617c678d_1639366361521-825b17eb-c4c4-4eb4-8eeb-161acf8e8d4d.png

    允许新增关联表单
    关联表单组件默认开启新增功能,即在选择关联表单的下拉和管理页默认会有个新增按钮。

    效果如图:

    6b4b193431cb22e3ac9256f178faf0ad_1618563267349-b668041c-b790-4168-993f-43d177fb6329.png

    3140a1d2d57964498687c77b9e1e0ed7_1618561565302-5896b8e2-6bf5-4d22-b8fc-6f5964dcfc95.png

    关联表单的管理页

    可对关联表单进行筛选查询 (相当于是表单的数据管理页),效果如图:

    2434c4628bd842d5bc0b0a8b75aec04e_1618563403026-fcb32782-f496-4d04-b9f6-4c0356500346.png

    关联表单数据提交和详情
    含关联表单组件页面按设置的数据筛选/填充条件填写完成后进行提交时需注意:

    1、关联的若为表单页面,则提交的数据全部都可以选择;

    2、关联的若为流程页面,则提交的数据需审批完成之后才可选择;效果如图:

    b19e719e43f96908e3f12f3d3ef748ad_1639366736598-18710fe4-3b8a-45f8-bd5d-e81d543aa756.png

    2023-09-04 08:25:43
    赞同 展开评论 打赏
滑动查看更多
问答分类:
问答地址:
关联地址:
问答排行榜
最热
最新

相关电子书

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