javascript - 使用 bootbox.dialog 加载partialview或viewcomponent

Question

我有一个类别列表，我想使用弹出窗口进行注册和编辑，为此我使用 bootbox.dialog ，我创建了一个具有注册/编辑表单的partialview，问题是我无法在bootbox.dialog中加载partialview，首先我尝试了这种方式:

类别.cshtml

    function CadAltCategoria(cod) {

        var strTit = (cod == 0) ? 'Cadastro de categoria' : 'Edição de categoria';

        bootbox.dialog({
            message: '@Html.Raw( await Html.PartialAsync("CategoriaCadAlt"))',
            title: strTit,
            className: "modal-darkorange",
            buttons: {
                success: {
                    label: "Salvar",
                    className: "btn-blue",
                    callback: function () { alert('teste'); }
                },
                "Cancelar": {
                    className: "btn-danger",
                    callback: function () { }
                }
            }
        });

    }

它没有加载partialview，结果是:

消息“Microsoft.AspNetCore.Mvc.ViewFeatures.Internal.ViewBuffer”而不是分部 View 的内容

我的部分 View 如下所示:

类别CadAlt.cshtml

<div id="popCadAltCateg" style="display:none;">
    <div class="row">
        <div class="col-md-12">
            <div class="form-group">
                <input type="text" class="form-control" placeholder="To" required="">
            </div>
            <div class="form-group">
                <input type="text" class="form-control" placeholder="Subject" required="">
            </div>
            <div class="form-group">
                <textarea class="form-control" placeholder="Content" rows="5" required=""></textarea>
            </div>
        </div>
    </div>
</div>

我找到了这篇帖子“Bootbox ASP MVC Razor partial view?”讲的主题，但没有解决问题，结果是:

我该怎么做，我不想导航到另一个页面来注册/编辑记录，谢谢!

Answer 1

你可以这样做:

在 Controller 中:

    [HttpGet]
    public PartialViewResult ReturnPartialView()
    {
        return PartialView("youPartialView");
    }

JavaScript:

    function CadAltCategoria(cod) {

        var url = '@Url.Action("ReturnPartialView", "YouController")';
        var strTit = (cod == 0) ? 'Cadastro de categoria' : 'Edição de categoria';

        $.get(url, function (data) {
            bootbox.dialog({
                message: data,
                title: strTit,
                className: "modal-darkorange",
                buttons: {
                    success: {
                        label: "Salvar",
                        className: "btn-blue",
                        callback: function () { alert('teste'); }
                    },
                    "Cancelar": {
                        className: "btn-danger",
                        callback: function () { }
                    }
                }
            });
        });

    }

这样您就可以传递一个 id 进行编辑。