如何在对话框中，处理保存SaveAsync的逻辑

[JerryJian]

场景：

1. 对话框弹出的组件，只传入了一个数据ID，在对话框组件中加载了数据
2. 保存逻辑在对话框外面，感知不到对话框加载的数据内容
3. 希望加载和保存逻辑在同一个组件内，便于维护

问题：

1. 对话框的组件，是否有什么参数，用来处理OnSaveAsync逻辑
2. 对话框的组件，能否继承接口或者基类，实现OnSaveAsync的逻辑

示例代码：

@inject ManageClient Client

<ValidateForm Model="@_settings" OnValidSubmit="@OnSaveSettings">
    <div class="row form-inline g-3">
        <div class="col-12">
            <Checkbox @bind-Value="_settings.A1" DisplayText="选项1" />
        </div>
    </div>
</ValidateForm>
@code {
    [Parameter]
    public required string DataId{ get; set; }

    private SettingsModel _settings = new();

    protected override async Task OnInitializedAsync()
    {
        _settings = await Client.GetSettings(DataId);
    }

    // 如何在组件内，处理保存的逻辑
    private async Task OnSaveSettings(EditContext _)
    {
        await Client.UpdateSettings(DataId, _settings);
    }
}

[ArgoZhang]

@JerryJian 感谢提交讨论，如果喜欢这个项目，点一下右上角 star 谢谢啦

我看了好几遍，说实话我没有看懂

推荐文档

https://www.blazor.zone/dialog-service

先看看上面的文档理解一下设计原理，然后我大概解答一下，不知道对不对，也不知道能不能帮到您

// 如何在组件内，处理保存的逻辑
private async Task OnSaveSettings(EditContext _)
{
    await Client.UpdateSettings(DataId, _settings);
}

这个代码就已经在您的组件里了，我不知道如何理解 如何在组件内，处理保存的逻辑

[JerryJian]

已star 😊，看了说明文档，没找到方法能达到我想要的效果

上面我贴出来的代码，是弹框中的组件代码，是 EditSettings.razor 的代码

调用的位置是在 ItemList.razor 中：

private async Task OnConfigureItem(ItemModel model)
{
    await Dialog.ShowSaveDialog<EditSettings>("配置", async () => true, d => 
    {
        d[nameof(EditSettings.DataId)] = model.Id;
    }, o =>
    {
        o.Size = Size.Medium;
    });
}

弹出的是一个保存对话框，我想达到的效果是：点击保存按钮时，有没有办法使用 EditSettings.OnSaveSettings 方法进行保存

感谢！

[ArgoZhang]

提供一个简单的例子 删除 bin obj 可以是开源仓库也可以上传 zip 包

网页里写上期待如何，实际如何等关键信息

private async Task OnConfigureItem(ItemModel model)
{
    await Dialog.ShowSaveDialog<EditSettings>("配置", async () => true, d => 
    {
        d[nameof(EditSettings.DataId)] = model.Id;
        d["xxx"] = yyy
    }, o =>
    {
        o.Size = Size.Medium;
    });
}

我感觉这里传递一个回调进去就可能是你想要的东西

[JerryJian]

目前通过 ShowEditDialog+Model 的方式进行编辑，非常好用，非常棒的设计👍
最近忙的不可开交，等空闲一些写个例子，到时候再请你帮忙看下，万分感谢~

[ArgoZhang]

@JerryJian 好的好的，弹窗其实就一个工作负责弹出，其余的工作都是那个弹窗中的组件去完成的，有这个概念作为前提很多问题都是迎刃而解，为了方便关窗提供了 DialogCloseButton DialogSaveButton 以及一个关窗的级联方法。