开发者社区> 问答> 正文

如何做宜搭的下拉选择的内容限制?

在宜搭的表单页面中需要做三个下拉选择,分别对应某信息系统的一级菜单、二级菜单、三级菜单。如何做到在选择了一级菜单后,第二个下拉选择里的内容为一级菜单下对应的二级菜单,而不是所有的二级菜单?

展开
收起
水先生 2024-03-24 17:06:20 197 0
来自:钉钉宜搭
7 条回答
写回答
取消 提交回答
  • 在宜搭(原名钉钉宜搭)中,您可以使用数据联动功能来实现下拉选择的内容限制。以下是实现一级菜单、二级菜单和三级菜单联动的步骤:

    1. 创建数据源:首先,您需要为一级菜单、二级菜单和三级菜单创建数据源。在宜搭后台,进入“数据”页面,点击“创建数据源”,分别创建三个数据源,例如:一级菜单数据源、二级菜单数据源和三级菜单数据源。

    2. 添加表单组件:在宜搭的表单页面中,添加三个下拉选择组件,分别对应一级菜单、二级菜单和三级菜单。

    3. 设置数据联动:选中一级菜单下拉选择组件,点击右侧的“设置”按钮,找到“数据联动”选项,点击“添加数据联动”。在弹出的窗口中,选择“改变选项时触发”,然后选择“二级菜单”作为联动的数据源,并设置筛选条件,例如:{{选中的一级菜单ID}} = 一级菜单ID。这样,当用户选择了一级菜单后,二级菜单下拉选择中的内容将根据所选一级菜单进行筛选。

    4. 设置二级菜单与三级菜单的联动:同样的方法,选中二级菜单下拉选择组件,点击右侧的“设置”按钮,找到“数据联动”选项,点击“添加数据联动”。在弹出的窗口中,选择“改变选项时触发”,然后选择“三级菜单”作为联动的数据源,并设置筛选条件,例如:{{选中的二级菜单ID}} = 二级菜单ID。这样,当用户选择了二级菜单后,三级菜单下拉选择中的内容将根据所选二级菜单进行筛选。

    5. 完成设置:保存并发布表单,现在用户在选择一级菜单后,二级菜单和三级菜单的可选项将根据所选上级菜单进行动态调整。

    2024-03-31 17:33:40
    赞同 11 展开评论 打赏
  • 在宜搭(Yidada)这样的低代码平台中,通常可以通过设置级联下拉菜单(Cascading Dropdown)或者动态加载选项来实现你描述的功能。这种功能允许你根据第一个下拉菜单的选择来更新第二个下拉菜单的选项,然后再根据第二个下拉菜单的选择来更新第三个下拉菜单的选项。

    以下是一般

    2024-03-31 16:08:22
    赞同 10 展开评论 打赏
  • 若问题得到了解决,辛苦点下采纳回答哦~

    在宜搭的表单页面中实现动态下拉选择联动,可按照以下步骤操作:
    1.配置菜单的中间表
    image.png
    2.在实际表单中配置一级菜单的关联其他表单数据-关联中间表的一级菜单
    image.png
    3.二级菜单下拉单选配置选项值的数据联动
    image.png
    image.png
    效果:image.png
    image.png

    2024-03-25 11:05:57
    赞同 10 展开评论 打赏
  • 在宜搭的表单页面中实现动态下拉选择联动,可按照以下步骤操作:

    a. 配置一级菜单下拉选择:设置一级菜单下拉选择组件,获取所有一级菜单数据。

    b. 添加事件监听:为一级菜单下拉选择组件添加“选项改变”事件监听器。当用户选择一级菜单时,触发事件处理器。

    c. 事件处理器实现:在事件处理器中,根据选中的一级菜单ID,通过宜搭提供的接口或SDK获取其对应的二级菜单列表数据。

    d. 动态更新二级菜单下拉选择:使用获取到的二级菜单数据更新二级菜单下拉选择组件的选项列表。

    e. 重复以上步骤实现三级菜单联动:为二级菜单下拉选择添加事件监听,当二级菜单改变时,获取并更新对应的三级菜单选项。

    参考宜搭平台提供的文档和示例,实现上述联动逻辑。

    2024-03-25 10:16:10
    赞同 8 展开评论 打赏
  • 桃李春风一杯酒,江湖夜雨十年灯。

    在钉钉宜搭平台中实现这种动态下拉菜单联动的效果,即选择一级菜单后过滤出对应的二级菜单选项,再根据二级菜单筛选出三级菜单选项,可通过以下步骤完成:

    1. 建立数据源关系
      首先确保你的数据表中有一级菜单、二级菜单和三级菜单的对应关系,例如,每个二级菜单都有其所属的一级菜单ID,每个三级菜单也有对应的二级菜单ID。

    2. 设置下拉组件

      • 对于一级菜单下拉组件,直接绑定包含所有一级菜单的数据源。
      • 对于二级菜单下拉组件,初始情况下可以设置为空或者默认展示“请选择”之类的提示。
    3. 配置联动逻辑

      • 在一级菜单下拉组件的“事件”或“联动”设置中,配置“选择后事件”,触发一个自定义脚本或者使用内置的工作流引擎。
      • 脚本或工作流的目的在于根据用户选择的一级菜单ID,查询出对应的二级菜单列表,然后更新二级菜单下拉组件的数据源,使其只显示该一级菜单下的二级菜单选项。
    4. 三级菜单联动同理

      • 当二级菜单的选择发生改变时,同样触发一个事件,基于选择的二级菜单ID去查找并更新三级菜单下拉组件的数据源。
    5. 具体操作

      • 在宜搭表单设计器中,为每个下拉组件配置好联动规则,包括事件触发器、执行动作(通常是更新数据源)以及参数传递(将前一级菜单的选择作为参数传递给查询动作)。

    这样就实现了下拉菜单之间的联动效果,每次用户做出选择时,下一级菜单都会实时刷新并只显示相关联的有效选项。由于宜搭提供了丰富的可视化配置界面,所以大部分操作都可以通过拖拽和配置完成,无需编写复杂的代码。

    2024-03-25 09:50:20
    赞同 7 展开评论 打赏
  • 在宜搭的表单页面中,要实现一级菜单选择后,二级菜单下拉列表显示对应内容,可以通过设置联动字段来实现。以下是具体的操作步骤:

    1. 创建表单:您需要在钉钉宜搭中创建一个新的表单页面。
    2. 添加一级菜单下拉框:在表单中添加一个下拉框字段,作为第一级下拉框,并设置该字段的选项值,即一级菜单的选项。
    3. 添加二级菜单下拉框:再添加一个下拉框字段,作为第二级下拉框。这个下拉框将用于显示与一级菜单选择相对应的二级菜单选项。
    4. 设置联动字段:在第二级下拉框字段中设置联动字段。联动字段的选项值初始设置为空,表示在未选择一级菜单前,二级菜单下拉列表为空。
    5. 关联选项设置:在二级菜单下拉框的关联选项设置中,为各个一级菜单选项分配对应的二级菜单选项。这样,当用户在一级菜单下拉框中选择一个选项时,二级菜单下拉框将仅显示与所选一级菜单相关联的二级菜单选项。
    6. 添加三级菜单下拉框:如果需要,还可以添加第三级下拉框,并对其进行类似的联动设置,以确保在选择二级菜单后,三级菜单下拉列表显示相应的内容。
    7. 测试和调整:完成设置后,进行测试以确保各级菜单之间的联动效果符合预期。如果有必要,根据实际需求调整选项值和联动设置。

    请注意,上述步骤是基于宜搭平台的操作逻辑,具体的设置可能会因平台版本的更新而有所变化。如果在操作过程中遇到困难,建议参考宜搭的使用手册或联系宜搭的技术支持获取帮助。

    2024-03-24 21:12:17
    赞同 6 展开评论 打赏
  • 在阿里云宜搭中实现这个功能,可以通过设置动态下拉框来完成。具体步骤如下:

    1. 首先,你需要有三个数据源,分别是一级菜单、二级菜单和三级菜单,并且它们之间存在关联关系(如一级菜单ID与二级菜单的一级菜单ID对应)。

    2. 在表单设计中,添加第一个下拉选择控件,绑定一级菜单的数据源。

    3. 对于第二个下拉选择控件,首先也需要绑定到二级菜单的数据源。然后,设置该控件的“动态值”或者“联动规则”。当一级菜单发生变化时,触发获取当前选中一级菜单下的二级菜单列表。

    4. 在联动规则设置中,你可以编写类似如下的逻辑:

      • 规则类型:选择“当前控件值变化时”
      • 触发条件:一级菜单控件的值不为空
      • 动作:重新加载数据,设置二级菜单控件的数据来源为根据一级菜单ID查询对应的二级菜单列表

    这样,当用户在一级菜单中做出选择后,二级菜单下拉列表就会自动过滤出对应的一级菜单下的二级菜单选项。同样,你也可以对三级菜单进行类似的设置,让它根据所选二级菜单动态加载相应的三级菜单选项。

    2024-03-24 19:19:23
    赞同 7 展开评论 打赏
滑动查看更多
问答分类:
问答标签:
问答地址:
关联地址:
相关产品:
来源圈子
更多
收录在圈子:
+ 订阅
「宜搭」是云钉原生低代码平台(钉钉 PaaS - aPaaS),让企业应用搭建更简单! 帮助中小企业降本提效,加强组织的数字化自主权; 帮助大型企业释放个体创新力,助力组织创新涌现。
相关文档: 宜搭
问答排行榜
最热
最新

相关电子书

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