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);
}