1

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>
}
4

1 に答える 1