だから私はモーダルポップアップフォームを開くボタンをビューに持っています。このモーダル ポップアップ フォームは部分ページです。これに関する私の問題は次のとおりです。
フォームの必須フィールドに入力しないと、TryUpdate チェックは明らかに失敗しますが、jquery の "window.location.reload" 行のページ全体が更新されるだけです。私がやりたかったのは、更新するのではなく、そのまま (モーダルが表示されているページ) のままにして、検証の概要または検証が表示され、これとそれが必要であるということです。これは可能ですか、それとも私はそれを複雑にしていますか?
<script type="text/javascript">
$(document).ready(function () {
$(function () {
$('#modal-link').click(function () {
var href = this.href;
$('#load-modal').dialog({
modal: true,
draggable: false,
position: "top",
open: function (event, ui) {
$(this).load(href, function (result) {
$('#new-academy-form').submit(function () {
$.ajax({
url: this.action,
type: this.method,
data: $(this).serialize(),
success: function (json) {
window.location.reload(true);
},
error: function (data) {
var errmessage = '<div class="error-repo">Error</div>';
$('#messages').html(errmessage);
}
});
return false;
});
});
}
});
return false;
});
});
});
</script>
これはボタンです:
<div class="width3">
<%: Html.ActionLink("Submit New", "Create", "Propose", null, new { @class = "results", id = "modal-link" })%>
</div>
これはアクションです:
public ActionResult Create()
{
return PartialView(Propose.LoadDetails(context, null));
}
[HttpPost]
public ActionResult Create(FormCollection formCollection)
{
Propose propose= new Propose ();
if(TryUpdateModel(propose, "Propose ")){
context.Propoe.Add(propose);
context.SaveChanges();
var proposals = new System.Text.StringBuilder();
return Json(new { propose= proposals});
}
return PartialView(Propose.LoadDetails(context, null));
}