如何在MVC3中显示Popup

时间:2012-06-28 08:04:20

标签: asp.net-mvc-3 razor popup

我是MVC的新手。如何编辑弹出窗口MVC3 razor中的数据。我很多但是没有得到它。 我正在使用jquery。 我的控制器 -

[HttpGet]
    public ActionResult Edit(int id)
    {

        var q = from p in db.accs
                where p.id == id
                select p;
        return View(q.FirstOrDefault());
    }
    [HttpPost]
    public ActionResult Edit(int id,account ac)
    {
        acc a = (from p in db.accs
                     where p.id==id
                     select p).Single();

        if (ModelState.IsValid)
        {
            a.f_name = ac.f_name;
            a.l_name = ac.l_name;
            a.Address = ac.Address;
            a.Phoneno = ac.Phoneno;
            db.SubmitChanges();
            int i = 2;
            return RedirectToAction("Display", new { i = i });
        }
        else
        {
            return View("Edit");
        }

2 个答案:

答案 0 :(得分:2)

您可以查看允许您实现此目的的jQuery UI dialog组件。

答案 1 :(得分:1)

你将不得不使用Ajax.ActionLink,它可以返回局部视图,然后将结果添加到div中,然后OnSuccess显示部分视图。


 @Ajax.ActionLink("popup", "SomeAction", new AjaxOptions { HttpMethod = "GET", UpdateTargetId = "result",     InsertionMode = InsertionMode.Replace, OnSuccess="openPopup" })<br />

   <div id="result" style="display:none;"></div>

   <script type="text/javascript">
       $(document).ready(function() {
          $("#result").dialog({
             autoOpen: false,
               title: 'Title',
              width: 500,
             height: 'auto',
            modal: true
        });
   });
       function openPopup() {
         $("#result").dialog("open");
}