razor - MVC 4 在同一个 HTML 中编辑和插入

Question

我想使用模式弹出窗口在视图 html 中进行编辑和插入，但我不确定该怎么做？

有没有办法做到这一点？

我不想为插入表单创建新的 html，因为只有名称字段。我认为模态弹出窗口非常适合。

Answer 1

创建你的 html

<div id="demoDialog" title="Dialog Title">

    <!-- Content, form, etc. -->
    <form></form>
</div>

初始化对话窗口

参考：http ://api.jqueryui.com/1.8/dialog/

// Dialog creation
$("#demoDialog").dialog({
    resizable: false,
    draggable: false,
    autoOpen: false,
    modal: true,
    open: function(){
        $(".ui-widget-overlay").hide().fadeTo(800, 0.8);
    }
});


// Open the dialog
$("#showDialog").click(function(){
    $("#demoDialog").dialog( "open" );
    return false;
});

您可以使用局部视图来加载您的 html 内容。如果您需要将其提供给另一个表单或处理，请在您的对话框 ID 中以某种方式存储从模式窗口返回的值。