以模式方式显示 ASP MVC 视图 - 最佳实践

发布于 2024-12-12 20:11:50 字数 774 浏览 3 评论 0原文

我有一个带有 Action 方法的控制器，每个方法都会返回一些应该以模态方式呈现的视图。现在我正在使用“blockUI”和“IFrame”。但我觉得这不是最好的方法。
在 asp mvc 中以模式方式显示视图的最佳实践是什么？
这是我当前的解决方案：

function showViewModally() {
                $.blockUI({ message: $('<div id="divAI">
    <div><div><span>Modal View</span></div></div>
<iframe id="ifAI" scrolling="no" height="100%" width="100%" src="../Area/Controller/ActionMethod" frameborder="0">
</iframe></div>'),
                    css: { border: "3px solid #3697b3",
                    width: '500px',
                    height: '400px',
                    left: ($(window).width() - 500) / 2 + 'px',
                    top: '10px'
                }
                });
            }

原文

I have a controller with Action methods and each method return some view that should be presented modally. For now I am using "blockUI" with "IFrame" in it. But I have some feel that this is not the best way to do this.
What is the best practice to display views modally in asp mvc?
This is my current solution:

function showViewModally() {
                $.blockUI({ message: $('<div id="divAI">
    <div><div><span>Modal View</span></div></div>
<iframe id="ifAI" scrolling="no" height="100%" width="100%" src="../Area/Controller/ActionMethod" frameborder="0">
</iframe></div>'),
                    css: { border: "3px solid #3697b3",
                    width: '500px',
                    height: '400px',
                    left: ($(window).width() - 500) / 2 + 'px',
                    top: '10px'
                }
                });
            }

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

感性 2024-12-19 20:11:50

在 asp mvc 中以模式方式显示视图的最佳实践是什么？

最好的概念非常主观，我不喜欢它。在 Web 应用程序中显示模式部分视图的另一种方法是使用 jQuery UI 对话框。因此，您可以使用 AJAX 请求并将结果显示到模式对话框中，而不是使用 iframe。

例如：

$('<div/>').dialog({
    modal: true,
    open: function () {
        var url = '@Url.Action("ActionMethod", "Controller", new { area = "Area" })';
        $(this).load(url);
    }
});

这是一个现场演示。

What is the best practice to display views modally in asp mvc?

The notion of best is very subjective and I don't like it. An alternative approach to display modal partial views in a web application is to use the jQuery UI dialog. So instead of using an iframe you could use AJAX request and show the result into a modal dialog.

For example:

$('<div/>').dialog({
    modal: true,
    open: function () {
        var url = '@Url.Action("ActionMethod", "Controller", new { area = "Area" })';
        $(this).load(url);
    }
});

And here's a live demo.

回复收藏 0 原文

~没有更多了~