Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-mvc/15.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
C# MVC3剃须刀和模式弹出窗口_C#_Asp.net Mvc_Asp.net Mvc 3_Jquery - Fatal编程技术网

C# MVC3剃须刀和模式弹出窗口

C# MVC3剃须刀和模式弹出窗口,c#,asp.net-mvc,asp.net-mvc-3,jquery,C#,Asp.net Mvc,Asp.net Mvc 3,Jquery,我需要得到一个模式弹出窗口,显示一个表单,将数据保存回数据库。 有这样做的好例子吗?Ajax更灵活还是使用jquery对话框?这是一个简单的方法,但它不是一个插件: 基于Jquery插件的模式: 希望这有帮助。您可以使用jquery对话框。 还可以使用Jquery工具 它的占用空间也很小。我已经使用和使用JQuery通过ajax加载了模态对话框,对此我非常满意 我不得不修改我的代码来给你一些有用的东西,所以对于语法错误我深表歉意,但我使用这个jquery $('#MyAtag').clic

我需要得到一个模式弹出窗口,显示一个表单,将数据保存回数据库。
有这样做的好例子吗?Ajax更灵活还是使用jquery对话框?

这是一个简单的方法,但它不是一个插件:

基于Jquery插件的模式:

希望这有帮助。

您可以使用jquery对话框。 还可以使用Jquery工具

它的占用空间也很小。

我已经使用和使用JQuery通过ajax加载了模态对话框,对此我非常满意

我不得不修改我的代码来给你一些有用的东西,所以对于语法错误我深表歉意,但我使用这个jquery

$('#MyAtag').click(function () {
    // Add a container for the modal dialog, or get the existing one
    var dialog = ($('#ModalDialog').length > 0) ? $('#ModalDialog') : $('<div id="ModalDialog" style="display:hidden"></div>').appendTo('body');
    // load the data via ajax
    $.get( 'mycontroller/myaction', {},
        function (responseText, textStatus, XMLHttpRequest) {
            dialog.html(responseText);
            dialog.dialog({
                bgiframe: true,
                modal: true,
                width: 940,
                title: 'My Title'
            }); 
        }
    );
});
对话框的视图将只是一个普通的局部视图

我使用下面的.css,它会使模态对话框后面的页面变灰

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #AAA url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .8;
    filter: Alpha(Opacity=30);
}

您可能需要使用css for#ModalDialog使其看起来正确,

我正在使用我的MVC 3应用程序中的第一个。不是最好的,但很有效。你能解释一下你说的不是最好的是什么意思吗?你不喜欢什么?我都没用过,我很感兴趣。谢谢。不是最好的:我的意思是如果你遵循#1,你会知道代码,但它没有应用多个主题,特效(如果有的话)。但您可以根据需要添加。我喜欢它,因为我不需要太多的主题,我想要更小的脚本大小。希望你也会发现这很容易。如果你有问题,请让我知道。如果您遵循第一个,您应该将css放在css文件中,将js代码放在js文件中,以便更好地重用。我们有mvc 3 ASP的示例吗?您不需要在视图/控制器中执行与通常不同的操作-如果您不希望包含_layout.cshtml,您只需要返回部分视图
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #AAA url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .8;
    filter: Alpha(Opacity=30);
}