详细信息弹出工作,编辑对话框 - 在MVC 4中使用Jquery UI

时间:2015-01-26 16:01:27

标签: c# jquery asp.net-mvc razor

我已经运行了一个小型的MVC 4应用程序(C#/ Razor),并且在单击"详细信息"时,对于在对话框中返回的任何行获取jQuery弹出窗口没有问题。链接。 但是,当点击"编辑"链接,我得到一个空白的对话框。有什么想法吗?

我已经搜索过并搜索过,但还没找到任何有用的东西。 MVC新手:(

这里的JavaScript代码:

<script type="text/javascript">
        $(function () {
                $('.dialog-details').click(function () {
                    var url = $(this).attr('href');
                    var dialog = $('<div style="display:none"></div>').appendTo('body');
                    dialog.load(url, {},
                        function (responseText, textStatus, XMLHttpRequest) {
                            dialog.dialog({
                                width: 1145,
                                height: 600,
                                modal: true,
                                title: "Reference Details",
                                close: function (event, ui) {
                                    dialog.remove();
                                }
                            });
                        });
                    return false;
                });
            });
    </script>

这里的Razor语法:(第一个链接有效,第二个链接显示空白对话框)

@Html.ActionLink("Details", "Details", new { id = item.ReferenceID }, new { @class = "dialog-details" })
@Html.ActionLink("Edit", "Edit", new { id = item.ReferenceID }, new { @class = "dialog-details" })

如果在没有jQuery对话框类的情况下使用Edit链接,它将打开包含所有编辑信息的页面 - 因此控制器看起来很好。

1 个答案:

答案 0 :(得分:-1)

请检查您的控制器并确保Edit()方法中使用[HttpPost]