0

私はmvcプロジェクトを持っています。モーダル ダイアログでフォームを開きます。ユーザーがフォームに入力し、保存を押します。フォームはコントローラーに投稿しますが、json 経由でインターセプトして投稿しようとしています。

開発ツールのネットワーク セクションを調べて、json に alert() を含めると、それが実行されておらず、適切に接続されていないと思いますか? 私はいくつかのページを読みましたが、私のjsonは基本的に正しいようです。

親ページとウィンドウの間に関係があることは知っています...これはモーダルウィンドウになるdivです。ただし、これが故障の一部であるかどうかを判断するには、十分な知識がありません。

親ウィンドウでは、モーダルがどのように起動されるかを示します。

$("#edit").click(function (e)
    {
        e.preventDefault();

        var detailsWindow = $("#window").data("kendoWindow");

        if (!detailsWindow)
        {
            // create a new window, if there is none on the page
            detailsWindow = $("#window")
                // set its content to 'loading...' until the partial is loaded
                .html("Loading...")
                .kendoWindow(
                    {
                        modal: true,
                        width: "800px",
                        height: "400px",
                        title: "@T("....")",
                        actions: ["Close"],
                        content:
                            {
                                url: "@Html.Raw(Url.Action("...", "..."))",
                                data: { ... }
                            }
                    }).data('kendoWindow').center();
        }

        detailsWindow.open();

        });

上記のコードはコントローラーにヒットし、モデルにデータを入力してから、期待どおり中央モーダルにパーシャルをロードします。

モーダルパーシャルでは、これがあります：

@using (Html.BeginForm(null, null, FormMethod.Post, new { id = "formCreateEdit" }))
{ 
   ...HTML ELEMENTS...
   <input type="submit" name="save" id="save" value="@T("...")" />
}

<script>
   $(function()
   {
     $("#formCreateEdit").submit
        (function (e)
        {
            alert(e);
            e.preventDefault(); //As we will manually submit the form
            $.ajax(
            {
                type: "POST",
                url: "@Html.Raw(Url.Action("...", "..."))",
                data: $(this).serialize(),
                success: function (data)
                {
                    //here we check if database called resulted in Success/Failure
                    if (data.Result === "Success")
                    {
                        alert('Finis');
                    }
                    else
                    {
                        //Show error message or whatever.
                    }
                }
            })
            //});
        });

</script>

編集：

ボタンクリックイベントの傍受も試みました。私はそれを間違ってやっているかもしれないので、それを試したときのコードは次のとおりです。

$('#save').click(function(event)
{
    event.preventDefault();
    // take over and perform ajax post

    alert('ddd');

    $.ajax(
    {
        type: "POST",
        url: "@Html.Raw(Url.Action("...", "..."))",
        data: $(this).serialize(),
        success: function (data)
        {
            //here we check if database called resulted in Success/Failure
            if (data.Result === "Success")
            {
                alert('Finis');
            }
            else
            {
                //Show error message or whatever.
            }
        }
    })

});
4

2 に答える 2

0

フォーム上ではなく、送信ボタンのクリックを傍受します。

$('#save').click(function(event){
   event.preventDefault();
   // take over and perform ajax post
})
于 2014-10-15T17:50:51.053 に答える