dialog嵌套crud获取行数据 #11968

Protagonistss · 2025-05-10T09:10:33Z

实现场景：

dialog嵌套crud，crud是单选模式，通过点击dialog的按钮获取单选行的数据

存在的问题：

目前无法获取到单选行的数据

当前方案：

{
  "type": "page",
  "body": {
    "type": "button",
    "label": "打开选择弹窗",
    "actionType": "dialog",
    "dialog": {
      "title": "选择数据",
      "size": "lg",
      "body": [
        {
          "type": "crud",
          "id": "selectCrud",
          "name": "selectCrud",
          "primaryField": "id",
          "selectable": true,
          "multiple": false,
          "columns": [
            {
              "name": "name",
              "label": "名称",
              "type": "text"
            },
            {
              "name": "code",
              "label": "编码",
              "type": "text"
            }
          ],
          "data": {
            "items": [
              {
                "id": 1,
                "name": "选项1",
                "code": "001"
              },
              {
                "id": 2,
                "name": "选项2",
                "code": "002"
              }
            ]
          }
        }
      ],
      "actions": [
        {
          "type": "button",
          "label": "取消",
          "actionType": "cancel"
        },
        {
          "type": "button",
          "label": "确认",
          "level": "primary",
          "onEvent": {
            "click": {
              "actions": [
                {
                  "actionType": "toast",
                  "args": {
                    "msgType": "success",
                    "msg": "你选择了：${event.data.selectedItems[0].name}（编码：${event.data.selectedItems[0].code}）"
                  }
                },
                {
                  "actionType": "closeDialog"
                }
              ]
            }
          }
        }
      ]
    }
  }
}

lhtuling · 2025-05-12T10:32:45Z

感觉你的需求完全可以用选择器组件，没必要自己造轮子了~ 而且你代码我大概看了下你弹窗里面也没做选择

感觉换这个组件更简单，试试看
https://aisuda.bce.baidu.com/amis/zh-CN/components/form/picker

官方示例：
https://aisuda.bce.baidu.com/amis/examples/form/picker

欢迎加入最大的，人数最多的，含佬量极高的社区群
Amis社区交流群【QQ1群】：717791727
Amis社区交流群【QQ2群】：721182449

Protagonistss · 2025-05-13T04:01:06Z

感觉你的需求完全可以用选择器组件，没必要自己造轮子了~ 而且你代码我大概看了下你弹窗里面也没做选择

感觉换这个组件更简单，试试看 https://aisuda.bce.baidu.com/amis/zh-CN/components/form/picker

官方示例： https://aisuda.bce.baidu.com/amis/examples/form/picker

欢迎加入最大的，人数最多的，含佬量极高的社区群 Amis社区交流群【QQ1群】：717791727 Amis社区交流群【QQ2群】：721182449

咱们的picker我看着都是和表单放到一块使用的，picker可以通过一个按钮去唤起吗？

Protagonistss · 2025-05-14T05:30:59Z

已解决，谢谢了

isOUWENacu · 2025-05-15T16:14:54Z

你看下其实可以取的不过要用表达式

isOUWENacu · 2025-05-15T16:14:59Z

{
"type": "page",
"body": [
{
"type": "button",
"label": "打开选择弹窗",
"actionType": "dialog",
"dialog": {
"type": "dialog",
"title": "选择数据",
"size": "lg",
"body": [
{
"type": "crud",
"id": "selectCrud",
"name": "selectCrud",
"primaryField": "id",
"selectable": true,
"multiple": false,
"columns": [
{
"name": "name",
"label": "名称",
"type": "text",
"id": "u:6868c06a173b",
"placeholder": "-"
},
{
"name": "code",
"label": "编码",
"type": "text",
"id": "u:ff8f53208a45",
"placeholder": "-"
}
],
"perPageAvailable": [
5,
10,
20,
50,
100
],
"messages": {}
}
],
"actions": [
{
"type": "button",
"label": "取消",
"actionType": "cancel",
"id": "u:7d947ec76a64"
},
{
"type": "button",
"label": "确认",
"level": "primary",
"onEvent": {
"click": {
"actions": [
{
"actionType": "toast",
"args": {
"msgType": "success",
"msg": "${LAST(items).name}-${LAST(items).code}"
}
},
{
"actionType": "closeDialog"
}
]
}
},
"id": "u:fc1fd9e7fa7a",
"disabledOnAction": false
}
],
"id": "u:55c17a749dfe",
"showCloseButton": true,
"closeOnOutside": false,
"closeOnEsc": false,
"showErrorMsg": true,
"showLoading": true,
"draggable": false
},
"id": "u:e75a6b819f30",
"disabledOnAction": false
}
],
"id": "u:7e1e23901805",
"asideResizor": false,
"pullRefresh": {
"disabled": true
},
"data": {
"items": [
{
"id": 1,
"name": "选项1",
"code": "001"
},
{
"id": 2,
"name": "选项2",
"code": "002"
}
]
}
}

Protagonistss · 2025-05-16T10:08:35Z

{ "type": "page", "body": [ { "type": "button", "label": "打开选择弹窗", "actionType": "dialog", "dialog": { "type": "dialog", "title": "选择数据", "size": "lg", "body": [ { "type": "crud", "id": "selectCrud", "name": "selectCrud", "primaryField": "id", "selectable": true, "multiple": false, "columns": [ { "name": "name", "label": "名称", "type": "text", "id": "u:6868c06a173b", "placeholder": "-" }, { "name": "code", "label": "编码", "type": "text", "id": "u:ff8f53208a45", "placeholder": "-" } ], "perPageAvailable": [ 5, 10, 20, 50, 100 ], "messages": {} } ], "actions": [ { "type": "button", "label": "取消", "actionType": "cancel", "id": "u:7d947ec76a64" }, { "type": "button", "label": "确认", "level": "primary", "onEvent": { "click": { "actions": [ { "actionType": "toast", "args": { "msgType": "success", "msg": "${LAST(items).name}-${LAST(items).code}" } }, { "actionType": "closeDialog" } ] } }, "id": "u:fc1fd9e7fa7a", "disabledOnAction": false } ], "id": "u:55c17a749dfe", "showCloseButton": true, "closeOnOutside": false, "closeOnEsc": false, "showErrorMsg": true, "showLoading": true, "draggable": false }, "id": "u:e75a6b819f30", "disabledOnAction": false } ], "id": "u:7e1e23901805", "asideResizor": false, "pullRefresh": { "disabled": true }, "data": { "items": [ { "id": 1, "name": "选项1", "code": "001" }, { "id": 2, "name": "选项2", "code": "002" } ] } }

我这边用使用picker解决了,谢谢啦。

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

dialog嵌套crud获取行数据 #11968

dialog嵌套crud获取行数据 #11968

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

dialog嵌套crud获取行数据 #11968

dialog嵌套crud获取行数据 #11968

Comments

实现场景：

存在的问题：

当前方案：

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!