看这个例子:
$('#btnShowModal').click(function () {
$.post
(
'MyController',
{
some parameters to pass
},
function (htmlResult) {
$('#dialogWindowContent').html('');
$('#dialogWindow').dialog(
{
title: 'Title',
autoopen: true,
width: 'auto',
//height: 180,
resizable: false,
modal: true,
draggable: false
});
$(window).resize(function () {
$("#dialogWindow").dialog("option", "position", "center");
});
//position of modalWindow will always be in center of your browser window
$('#dialogWindowContent').append(htmlResult);
$("#dialogWindow").dialog("option", "position", "center");
});
return false;
});
这是我的按钮和 div 到模态窗口:
<input type="button" value="Add theme" id="btnShowModal" />
<div id="dialogWindow">
<div id="dialogWindowContent">
</div>
</div>
我把它写到我的 MVC 应用程序中。据了解,您应该只重写 post-method。因为htmlResult
您可以返回任何 html 代码,它将显示在您的模态窗口中。
我希望,它对你有用。