在模式弹出窗口中插入功能强类型的创建视图答案

【问题标题】：Inserting a functional strongly-typed create view in a modal popup在模式弹出窗口中插入功能强类型的创建视图
【发布时间】：2016-11-10 16:15:47
【问题描述】：

我想在我的网站上有一个菜单项，无论我在网站的哪个位置，它都应该打开一个创建视图。该视图将基本属性插入到我的数据库表中。这是视图：

<!DOCTYPE html>

@model ITS.Models.Server
@using System.Web.Mvc.Ajax
<html>
<head>
    <meta name="viewport" content="width=device-width" />
</head>
<body>
    <div title="boo, this is a popup">Get that pop-up
    @using (Ajax.BeginForm("AddServer", new AjaxOptions { OnSuccess = "onSuccess" }))
    {
        @Html.AntiForgeryToken()
        <div>
            <fieldset>
                <legend>Add a new server</legend>
                <div class="editor-label">
                    @Html.LabelFor(model => model.Server_Name)
                </div>
                <div class="editor-field">
                    @Html.TextBoxFor(model => model.Server_Name)
                </div>
                <div class="editor-label">
                    @Html.ValidationMessageFor(model => model.Server_Name)
                </div>

                <p>
                    <input type="submit" value="Submit" />
                </p>
            </fieldset>
        </div>
    }
    </div>
</body>
</html>

我的控制器相当简单：

public ActionResult AddServer()
        {
            return View();
        }

        [HttpPost]
        [ValidateAntiForgeryToken]
        public ActionResult AddServer([Bind(Include = "Server_Name")] Server @server)
        {
            if (ModelState.IsValid)
            {
                db.Servers.Add(@server);
                db.SaveChanges();
            }
            return PartialView(@server);
        }

首先，这可能吗？毕竟，我希望能够通过模型插入我的值。我至少尝试在弹出窗口中使用本文的答案将其可视化，但没有成功： Open a view as a pop up 它打开没有内容的弹出窗口...

【问题讨论】：

标签： javascript jquery asp.net-mvc-4

【解决方案1】：

使用 jQuery UI、ExtJS 或 Kendo 等 Javascript 库为自己省去很多麻烦。它们都有大量的文档，使得渲染对话框的 Javascript 和 CSS 部分变得非常轻松。当这些库已经经过测试并被大众“祝福”时，几乎不需要编写自己的代码。

【讨论】：

你到底是什么意思，因为模态弹出窗口（我正在尝试使用）是 jQuery UI 的一部分？您是否仔细阅读了我的问题？