使用 Bootstrap Modal 作为本地更改的预览页面

Question

我正在尝试使用部分来显示预览表单更改的模态。我非常接近正确，this link 让我非常接近。我想不通的是如何将我的 updated 模型传递给局部视图。我可以很好地发送模型的数据，但它只发送模型的 initial 数据。这是我的图表控制器：

        [HttpGet]
        public ActionResult PreviewLine(LineChart previewModel)
        {
            return PartialView(previewModel);
        }

我是否应该将其设为 HttpPost 来更新文件？

这是模式和按钮：

    <div id="previewModal" class="modal hide fade in" data-url="@Url.Action("PreviewLine", "Charts")">
        <div id="previewContatiner"></div>
    </div>
    <button type="button" class="btn btn-info" id="previewBtn">
        Preview
    </button>

我认为当我调用以下 JQuery 按钮时应该会生成更多代码（我是 JQuery 的新手）：

        <script>
        $(document).ready(function () {
            $("previewBtn").click(function () {
                var url = $("#previewModal").data("url");

                $.get(url, function (data) {
                    $("previewContainer").html(data);
                    $("previewModal").modal("show");
                });
            });
        });
        </script>

如果你看一下前面的 link，你会发现我在很大程度上借鉴了它。但是，我的方法似乎遗漏了一些明显的东西。点击按钮似乎也没有像我希望的那样生成代码或调用控制器。

Answer 1

David Wever，您错过了 (#) 标记。

$("previewBtn") 我认为应该写成 $("#previewBtn")

与其他 id $("previewContainer") 和 $("previewModal") 相同应该是： $("#previewContainer") 和 $("#previewModal")

您想要使用 jQuery 中的 id 访问的每个元素都应该以 # 开头，对于 class 属性应该以点 (.)

开头

使用 Bootstrap Modal 作为本地更改的预览页面

Using Bootstrap Modal as a preview page for local changes

model-view-controller

asp.net-mvc

jquery

http-post

data-uri