asp.net-mvc – 使用@ Ajax.ActionLink弹出表单

发布时间：2020-12-16 06:30:47 所属栏目：asp.Net 来源：网络整理

导读：我想使用@ Ajax.ActionLink弹出一个表单,所以我在我的cshtml页面中这样做： @Ajax.ActionLink("click ","AddToMembers",new AjaxOptions { HttpMethod = "GET",UpdateTargetId = "result",InsertionMode = InsertionMode.Replace,OnSuccess = "openPopup" })

我想使用@ Ajax.ActionLink弹出一个表单,所以我在我的cshtml页面中这样做：

@Ajax.ActionLink("click ","AddToMembers",new AjaxOptions { HttpMethod = "GET",UpdateTargetId = "result",InsertionMode = InsertionMode.Replace,OnSuccess = "openPopup" })
   <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");
          }
</script>

在我的控制器中添加了此功能：

[HttpGet]
    public PartialViewResult AddToMembers()
    {
        return PartialView();
    }

但当我点击我的表单中的“点击”时,新页面将在浏览器中打开.不在我的弹出窗体中
有什么问题？？？

解决方法

我怀疑您忘记将以下脚本包含在您的页面中：

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>

此脚本用于AJAXify Ajax.ActionLink帮助程序生成的锚点.另外你要使用jQuery对话框,确保你引用了jQuery UI：

<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.js")" type="text/javascript"></script>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!