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

问题描述

我正在尝试使用局部显示预览模式更改的模式。我非常接近正确，this link让我超级接近。我不知道的事情是如何将我的 更新 模型传递到局部视图。我可以很好地发送模型的数据，但它只发送模型的 初始 数据。这是我的图表控制器：

        [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>

如果您查看上一个链接，您会发现我从中得到了很大的帮助。但是，似乎我的方法中缺少明显的东西。看来，单击按钮并没有像我希望的那样生成代码或调用控制器。

解决方法

David Wever，您错过了（＃）标记。

$（“ previewBtn”）我相信应该写为$（“＃previewBtn”）

与其他ID $（“ previewContainer”）和$（“ previewModal”）相同的是： $（“＃previewContainer”）和$（“＃previewModal”）

您要在jQuery中使用id访问的每个元素，都应以＃开头，而class属性应以点（。）开头