Skip to content
  • 版块
  • 最新
  • 标签
  • 热门
  • 用户
  • 群组
皮肤
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • 默认(不使用皮肤)
  • 不使用皮肤
折叠
品牌标识

AIRIOT智慧系统搭建平台经验交流

  1. 主页
  2. 画面管理
  3. 分享一个下拉框级联选择的方案,请各位大佬多多指教

分享一个下拉框级联选择的方案,请各位大佬多多指教

已定时 已固定 已锁定 已移动 画面管理
帖子 发布者 浏览
  • 从旧到新
  • 从新到旧
  • 最多赞同
回复
  • 在新帖中回复
登录后回复
此主题已被删除。只有拥有主题管理权限的用户可以查看。
  • 楚岗锋楚 离线
    楚岗锋楚 离线
    楚岗锋
    写于 最后由 楚岗锋 编辑
    #1

    首先我们建一个维护级联关系,大类、小类的表

    ea1641ae-aaf8-4fcd-9a99-95c320ffdc7f-image.png

    接下来建立一个数据库的连接

    d1b867fc-b6c5-4643-aea1-d9e47a868311-image.png

    查询数据库需要用数据集,所以我们再建一个数据集用来查询大类(第一级),也可以用js脚本写,这个到后面也会有介绍。注意:图中的重命名字段为label、value是固定的,因为下拉框需要根据这两个字段来解析。

    fc4e5a40-082a-4188-ac11-0316bad5ac7e-image.png

    接着在画面中,数据项绑定数据集的数据源,就能实现第一级的下拉功能了。

    a284d5b6-b794-42f5-a14c-90cb1547ec7d-image.png

    在开始编辑第二个下拉框前,我们先建一个画面变量,之后会用它来暂存数据,将数据项绑定到画面变量:

    024ac60e-2c66-4ddd-87c1-684636d61fe3-image.png
    857c781c-7e40-43ec-8e91-78c288a3a9bc-image.png

    给第二个下拉框添加js动作

    f13144eb-27fd-4532-bbc3-8d0c0ae70ee1-image.png
    js脚本如下:

    getTableDataList('测试材料类别', {
    project: { 'text-B352': 1, 'text-6BBE': 1 },
      where: { 'text-6BBE': Widgets.Form_Select_CEDFD0E4.getValue() }
    }).then(data => {
      // 转换数据格式
      const transformedData = data.map(item => ({
        label: item._label,
        value: item._label // 假设你想要 label 和 value 都是 _label 的值
      }));
      addEditDVariable('xiaolei', transformedData)
    });
    

    函数中,'测试材料类别'是我们创建维护级联的表名,后面的参数可以看说明:

    858caa37-7337-407e-97a6-8369689bab3a-image.png

    脚本中获取下拉框1的输出值:

    e3cedb5e-1fd7-4f5d-b61a-a440b2d960b3-image.png

    然后就可以了

    67a8f5c3-8db6-432e-be2d-aac82acf2bc8-image.png

    1 条回复 最后回复
    3

  • 登录

  • 没有帐号? 注册

  • 登录或注册以进行搜索。
  • 第一个帖子
    最后一个帖子
0
  • 版块
  • 最新
  • 标签
  • 热门
  • 用户
  • 群组