ボタンのクリックに基づいて div に読み込まれる 2 つの部分ビューを持つルート ビューがあります。
@using (Html.BeginForm()) {
@Html.ValidationSummary(true)
<fieldset>
<legend>Donation information</legend>
<p>
@Html.LabelFor(m => m.DonationType.DonationTypex) <br />
@Html.DropDownListFor(model => model.DonationType.DonationTypeID, ViewBag.DonationTypes as
SelectList, htmlAttributes: new { @id = "selectList" })
@Html.ActionLink("Select", "ContinueDonation", "Donation", htmlAttributes: new { @id =
"btnSelect1" })
</p>
<div id="donationSection1"></div>
<br />
<input id="btnAddPayment1" type="button" value="Add Payment Info" />
<br /><br />
<div id="paymentSection1"></div>
<input type="submit" id="btnSubmitDonation" value="Save" />
<input type="button" id="btnCancelDonation" value="Cancel" />
</fieldset>
}
don'tSection1 および paymentSection1 div にロードされる部分ビューは同じモデルを共有し、その中のさまざまなプロパティのエディター、ラベルなどを含むだけです...部分ビューを検証するためにどのように取得できるか疑問に思っています...送信/保存ボタンはルートビューにあります...
...divをロードするjquery ...(コントローラーは同じモデルを共有する部分ビューを返します):
$("#btnSelect1").click(function () {
var donationTypeID = $(this).closest('p').find('#selectList').val();
var id = parseInt(donationTypeID);
var route = '/Donation/ContinueDonation?dTypeId=' + id;
$("#donationSection1").load(route, function () {
$("#donationSection1").show('slow');
});
return false;
});