ASP.NET MVC を使用するのはこれが初めてで、立ち往生しています。
私のコードでは、JQuery/json を使用して Ajax 呼び出しを行い、ボタンのクリック時に選択したオプションの配列をコントローラー側に渡し、そこでいくつかの操作を実行しています。
次に、テーブルを含む を返してPartial View
、ページの部分ビュー (つまり、グリッド) の内容を確認できるようにします。
今、私はグリッドを通過したいのですが、それを調べようとすると、ブラウザのView Source
.
ここで基本的なことが欠けていますか?誰でもこれについて助けることができますか?
Controller - View の主なアクション メソッド:
public ActionResult AssignCalculationToSC()
{
//Some Oprations performed
return View();
}
Partial View を返すために Ajax から呼び出されるアクション メソッド:
public ActionResult AddSelectedList(string selectedList, string calculationPurpose)
{
List<AssignCalculationsSourceDataModel> lstAssignCalculationsSourceDataModel = new List<AssignCalculationsSourceDataModel>();
AssignCalculationsSourceDataModel assignCalculationsSourceDataModel = new AssignCalculationsSourceDataModel();
return PartialView("AssignCalculationToSC", lstAssignCalculationsSourceDataModel);
}
Ajax 呼び出しの JQuery コード:
$(function () {
$('#btnAdd').click(function () {
var selectedList = [];
$("#ddlSupplementalCalculationList option:selected").each(function (i, selected) {
var $this = $(this);
selectedList.push({ Id: $this.val(), Value: $this.text() });
});
getCalculationListGrid(selectedList, calculationPurpose);
});
function getCalculationListGrid(selectedList, calculationPurpose) {
$.ajax(
{
url: "AddSelectedList/SupplementalPricing",
type: "POST",
dataType: "html",
traditional: true,
data: { selectedList: JSON.stringify(selectedList), calculationPurpose: calculationPurpose },
success: function (response)
{
$("#dvGrid").html(response);
}
});
}
});
メイン ビュー:
@{
ViewBag.Title = "Assign Price Values";
}
@model IList<Bnym.Equinox.Accounting.Web.Portal.Models.Pricing.AssignCalculationsSourceDataModel>
@{Html.RenderPartial("PartialAssignCalculationGrid", Model);}
部分図 :
@model IList<Bnym.Equinox.Accounting.Web.Portal.Models.Pricing.AssignCalculationsSourceDataModel>
@if (Model != null)
{
<div id="dvGrid">
<table id="grid" style="table-layout: fixed;">
</table>
</div>
}