1

モデルバインダーに変更を認識させようとしています。ここで何が欠けているのかわかりません。基本的に、最初のページ作成では、データベースからページ番号が取得されます。次に、並べ替え可能な作業を行います.Firebugの生のHTMLは、順番に変更を示しています. しかし、私が最初にモデルにポストバックするとき、それはポストメソッドに行くことを理解していません.他の問題は調査です. ページの順番に変更はないようです。

意見

 @for (var i = 0; i < Model.Pages.Count; i++)
                    {
                        var page = Model.Pages.ElementAt(i);

                        @Html.Hidden("Pages[" + i + "].PageId", page.PageId, new { @class = "page_index" })
                        @Html.Hidden("Pages[" + i + "].PageNumber", page.PageNumber)

                        <li id="@page.PageId" class="sortable-item text-center ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s">
                        </span>@page.PageNumber</li>
                    }

                </ul>

JavaScript

<script type="text/javascript">
    $(document).ready(function () {
        $('.sortable').sortable({
            stop: function (event, ui) {
                 var formData = $('#editSurveryForm').serialize();
                 $.ajax({
                    url: "@Url.Action("Edit")",
                    data: formData,
                    type: 'POST',
                    traditional: true,
                    success: function () {
                        alert("success");
                    },
                    error: function () {
                        alert("fail");
                    }
                }
                );
            }
        });
    });
</script>

コントローラ 

    [HttpPost]
    public ActionResult Edit(Survey survey)
    {
        if (!ModelState.IsValid)
        {
            return View("EditSurvey", survey);
        }

        surveyRepository.UpdateSurvey(survey);

        return RedirectToAction("Index", "Administration");
    }
4

1 に答える 1

1

わかりました、私はこれを理解します。<li></li>タグの外側に隠しフィールドがありました。それらを内部に移動したら、すべてのロジックを実行しました。

    <div class="span9">
        <div class="span4">
            <ul class="sortable_page_list">
                @for (var i = 0; i < Model.Pages.Count; i++)
                {
                    <li class="sortable-item text-center ui-state-default">
                        @Html.HiddenFor(model => model.Pages[i].PageId)
                        @Html.HiddenFor(model => model.Pages[i].PageNumber)
                        <span class="ui-icon ui-icon-arrowthick-2-n-s"></span>@Model.Pages[i].PageNumber
                    </li>
                }

            </ul>
            <div class="span1 pull-right internal-wrapper">
                @Html.ActionLink("Add", "AddPage", new { id = Model.SurveyId }, new { @class = "add_survey_icon common_icon_settings" })
            </div>
        </div>
    </div>

<script type="text/javascript">
$(document).ready(function () {
    $('.sortable_page_list').sortable({

        update: function (event, ui) {
            var counter = 1;
            $("[id*='PageNumber']").each(function() {
                $(this).attr("value", counter);
                counter++;
            });

            //var surveyToUpdate = $('#editSurveyForm');
            $.ajax({
                url: '@Url.Action("Edit","Administration")',
                contentType: "application/json; charset=utf-8",
                data: $('#editSurveyForm').serialize(),
                type: 'POST'
            });
        }
    });

});

最後に理解すべきことは、ajax 投稿がアンケート フォーム データを使用して Post メソッドに投稿されない理由です。

于 2013-07-31T12:49:22.783 に答える