0

ここで同様の質問をします

OnCompleteそこで、いくつかの関数とIDをAjaxフォームに追加します。

これは私の見解です：

@foreach(var item in Model) {
 <tr id="TR@(item.Id)">
    @{Html.RenderPartial("_PhoneRow", item);}
 </tr>
}

_PhoneRow：

@model PhoneModel
@using(Ajax.BeginForm("EditPhone", new { id = Model.Id }, new AjaxOptions {
UpdateTargetId = "TR" + Model.Id,
OnComplete = "OnCompleteEditPhone"
}, new { id = "EditAjaxForm" + Model.Id})) {
<td>@Html.DisplayFor(modelItem => Model.PhoneNumber)</td>
<td>@Html.DisplayFor(modelItem => Model.PhoneKind)</td>
<td><input type="submit" value="Edit" class="CallEditPhone" id="edit@(Model.Id)" /></td>
}

コントローラ：

public ActionResult EditPhone(long Id) {
  //Get model by id
  return PartialView("_EditPhoneRow", model);
}

public ActionResult SavePhone(PhoneModel model) {
  //Save Phone, and Get Updatet model
  return PartialView("_PhoneRow", model);
}

_EditPhoneRow

    @model PhoneModel
@using(Ajax.BeginForm("SavePhone", new { id = Model.Id }, new AjaxOptions {
UpdateTargetId = "TR" + Model.Id,
OnComplete = "OnCompleteSavePhone"
})) {
<td>@Html.EditorFor(modelItem => Model.PhoneNumber)</td>
<td>@Html.EditorFor(modelItem => Model.PhoneKind)</td>
<td><input type="submit" value="Save" class="SaveEditPhone" id="save@(Model.Id)" /></td>
}

およびOncompleteスクリプト：

function OnCompleteEditPhone() {

$('input.SaveEditPhone').click(function () {
    var id = $(this).attr("id").substring(4);
    $('form#SaveAjaxForm' + id).trigger('submit');
});
}

function OnCompleteSavePhone() {
$('input.CallEditPhone').click(function () {
    var id = $(this).attr("id").substring(4);
    $('form#EditAjaxForm' + id).trigger('submit');
});
}

[編集]をクリックして[完全に機能しました]をクリックし、[保存]をクリックします。[編集]ボタンをクリックすると、アクション後のエラーが発生します。Firebugコンソールをここにコピーします。

http://Mysite/members/editphone/7652 200 OK 582ms
http://Mysite/members/savephone/7652 200 OK 73ms
http://Mysite/members/editphone/7652 500 internal server error 136ms
<title>The view 'EditPhone' or its master was not found or no view engine supports the searched locations. The following locations were searched: ...

では、どこに問題があるのでしょうか。OnCompleteSavePhone[編集]ボタンを2回削除しても機能せず、この機能を使用すると意味のないエラーが発生します。どうすれば修正できますか？私は実際にAjaxで部分ビューをロードし、このビューのボタンが正しく機能する必要があります。最初はすべて問題ありませんが、Ajaxの結果の後で、いくつかのOncomplete関数を追加すると思いますが、エラーもあります。

4

1 に答える 1

0

あなたの以前の質問は今答えられています。マークアップが壊れていました。OnCompleteこの結果、イベントや自動トリガー、フォーム送信などを気にする必要がなくなりました。これは、Ajax.BeginFormインフラストラクチャによって自動的に処理されます。

于 2012-07-07T07:41:00.577 に答える