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

时间:2016-11-10 16:15:48

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

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

<!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 它会弹出没有内容的弹出窗口......

1 个答案:

答案 0 :(得分:0)

为自己节省很多麻烦,并使用jQuery UI,或者ExtJS或Kendo等Javascript库。所有这些都有大量的文档,使得对话框的Javascript和CSS部分非常轻松。当有这些库已经过测试并且有幸得到了#34;时,很少需要编写自己的代码。群众已经。