0

値がバインドされたビューに渡された完全なモデルをダイアログに戻すのに苦労しています。

これが私のスクリプトです：

var scId = 0;
var monthId = 0;
var initializeDialogs = function () {
$('#read-transactions-dialog-form').dialog({
    autoOpen: false,
    width: 650,
    modal: true,
    buttons: {
        "Submit": function () {
            $('#form-read-transactions').submit();
            $(this).dialog("close");
        },
        "Cancel": function () {
            $(this).dialog("close");
        }
    },
    open:
        function(event, ui) {
            $(this).load("/Month/ViewTransactionsForSubCategory/?scid=" + scId +     "&mid=" + monthId);
    }
});

function loadId(scid, mid) {
scId = scid;
monthId = mid;
}

$(document).ready(function () {
$('a#read-transactions').click(function () {
    $('#read-transactions-dialog-form').dialog('open');
});

initializeDialogs();
});

マイ ビュー ダイアログ:

@model OnlineBudget.WebUI.Models.TransactionsViewModel

@using (Html.BeginForm("SubmitTransactions", "Month", new { tvm = Model.Transactions },   FormMethod.Post, new { id = "form-read-transactions" })) 
{ 
<div id="read-transactions-dialog-form" class="modalDialog" title="Transactions">
<table class="table">

@if (Model.Transactions.Count() > 0)
{
    <tr><th>Date</th><th>Amount</th><th>Description</th><th>Exclude</th><th>Delete</th>    </tr>
}

@for (int i = 0; i < Model.Transactions.Count; i++)
{
    @Html.HiddenFor(model => Model.Transactions[i].Id); @Html.HiddenFor(model =>     Model.Transactions[i].Title); @Html.HiddenFor(model => Model.Transactions[i].Date);   @Html.HiddenFor(model => Model.Transactions[i].Amount); 
    @Html.HiddenFor(model => Model.Transactions[i].SubCategoryId);    @Html.HiddenFor(model => Model.Transactions[i].MonthId);

    if (!Model.Transactions[i].IsDeleted)
    {
        <tr>
            <td>@Model.Transactions[i].Date.ToShortDateString()</td> <td>@Model.Transactions[i].Amount</td><td>@Model.Transactions[i].Title</td>
            <td>@Html.CheckBoxFor(model => Model.Transactions[i].Excluded)</td><td>@Html.CheckBoxFor(model => Model.Transactions[i].IsDeleted)</td>
        </tr>
    }
}
</table>
</div>
}

そして最後に私のコントローラー：

public ActionResult ViewTransactionsForSubCategory(int scid, int mid)
    {
        TransactionsViewModel tvm = new TransactionsViewModel { MonthId = mid, Transactions = transactionRepository.Transactions.Where(t => t.SubCategoryId == scid &&  t.MonthId == mid).ToList() };

        return PartialView("ReadTransactions", tvm);
    }

    [HttpPost]
    public ActionResult  SubmitTransactions(List<OnlineBudget.Domain.Entities.Transaction> tvm)
    {
        if (ModelState.IsValid)
        {
            //foreach (var tv in tvm.Transactions)
            //    transactionRepository.SaveTransaction(transactionRepository.Transactions.Where(t => t.Id ==  tv.Id).First());
        }
        return RedirectToAction("Index");
    }

最近、Post Controller を変更して、TransactionsViewModel の代わりにトランザクションのリストのみを受け入れるようにしましたが、それも機能しませんでした。この場合、null または空のリストを取得し続けますが、ダイアログのテーブルにデータが入力されていることは間違いありません。どんな助けでも大歓迎です。

4

2 に答える 2

0

複雑な js オブジェクトを MVC に投稿するには、次のように $.postify を使用します。

例えば

var postData = {
    id : 123,
    childArray : [
        { subid : 456, value1 : "Foo" },
        { subid : 789, value1 : "Bat" }
    ]
};

$.post("postRoute", $.postify(postData), function(response) {
    // stuff
});

参照: http://www.nickriggs.com/posts/post-complex-javascript-objects-to-asp-net-mvc-controllers/

于 2013-08-08T16:08:02.747 に答える
0

以前、MVC がコレクションをこれと同様のパラメーターとして受け入れることに問題がありました。私は最終的に、コンテンツとデータ型を具体的に含む $.ajax 投稿を行うように JavaScript 呼び出しを切り替えました ($.post にもいくつかの問題があります)。

$.ajax({
   type: 'Post',
   dataType: 'json',
   url: 'url-goes-here',
   data: JSON.stringify({ data: data}),
   contentType: 'application/json; charset=utf-8'
});

自動バインディングほど良くはありませんが、データをコレクションとしてポストバックします。

于 2013-08-08T15:27:22.747 に答える