4

@ 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();
    }

しかし、フォームの「クリック」をクリックすると、新しいページがブラウザで開きます。私のポップアップフォームではない問題は何ですか？

4

1 に答える 1

7

次のスクリプトをページに含めるのを忘れたと思われます。

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

Ajax.ActionLinkこのスクリプトは、ヘルパーによって生成されたアンカーをAJAX化するために使用されます。また、jQueryダイアログを使用している場合は、jQueryUIを参照していることを確認してください。

<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.js")" type="text/javascript"></script>
于 2012-02-16T12:51:18.863 に答える