MVC 3 + $ .ajax - ответ, кажется, кэширует вывод от частичного представления - PullRequest
7 голосов
/ 13 сентября 2011

Я, должно быть, что-то упускаю, глупо, но вот проблема.

У меня есть действие Create на контроллере транзакций.Create.cshtml использует jQuery для отправки формы на сервер с помощью вызова $ .ajax.Отладка показывает, что все приходит на сервер, как и ожидалось.Я использую данные формы для обновления записи: это тоже хорошо работает.Затем я возвращаю частичное представление, передавая модель представлению с данными по умолчанию.Я могу отлаживать и проверять, что модель передает нули и 0, то есть данные по умолчанию для моей модели.

Проблема в том, что в ответ отправляется обратно в браузер старые данные ...!

Я не вижу причин, почему.Надеюсь, вы можете ...

Примечание. Я не использую никакой формы кеша вывода.

РЕДАКТИРОВАТЬ 1:

Кэширование не происходит в браузере.Причина, по которой я это говорю, заключается в том, что я вижу в Firebug ответ на вызов AjaxCreate Action.Я также вижу это в Fiddler.

EDIT 2:

Если вы посмотрите код для частичного просмотра, вы увидите, что каждый выпадающий список или текстовое поле имеетзначение @ Model.Transaction. [Свойство] распечатано рядом с ним.Это, как ни странно, показывает правильное значение, то есть значения по умолчанию для моего объекта транзакции, но выпадающие списки и текстовые поля придерживаются значений, которые были отправлены на сервер, а не значений по умолчанию для свойства, которое должно отображаться каждым из них.

EDIT 3:

Я включил следующее изображение, чтобы вы могли видеть значения, напечатанные справа от каждого передаваемого элемента управления. И все же элементы управления отражают старые данные, отправленные всервер в предыдущем вызове $ .ajax.(Комментарий показывает дату и время на момент создания модели представления, чтобы я мог видеть, как все обновляется).

РЕДАКТИРОВАТЬ 4:

Я обнаружил, что замена @ Html.EditorFor (...) (см. код ниже) с помощью помощников @ Html.TextBox устраняет проблему.Таким образом, кажется, что помощники EditorFor вызывают проблему.Зачем?Я понятия не имею, но опубликую другой, более конкретный вопрос.

Caching Problem

Код и разметка следующим образом:

jQuery:

$(document).ready(function () {

    $('input[name="nextRecord"]').live('click', function () {
        var theForm = $(this).closest('form');
        if ((theForm).valid()) {
            var buttonText = $(this).val();
            var action = "/input/Transactions/AjaxCreate/";
            if (buttonText === "Reset") {
                clearForm(theForm);
            }
            else {
                var targetElement = $('#CreateDiv');
                var _data = theForm.serialize() + '&nextRecord=' + $(this).val();

                $.ajax({
                    url: action,
                    data: _data,
                    cache: 'false',
                    type: 'POST',
                    dataType: 'html',
                    success: function (html) {
                        $(targetElement).html(html);
                        createDatePickers(targetElement);
                        jQuery.validator.unobtrusive.parse(targetElement);
                    }
                });
            }
        }
        return false;
    });
});

Частичное представление:

@model FlatAdmin.Domain.ViewModels.TransactionViewModel

@* This partial view defines form fields that will appear when creating and editing entities *@

<div class="editor-label">
    Fecha
</div>
<div class="editor-field">
    @Html.EditorFor(model => model.Transaction.TransactionDate, new { @class = "date-picker" })
    @Html.ValidationMessageFor(model => model.Transaction.TransactionDate) @Model.Transaction.TransactionDate.ToString()
</div>

<div class="editor-label">
    Origen:
</div>
<div class="editor-field">
    @Html.DropDownListFor(model => model.Transaction.IdFrom, ((IEnumerable<FlatAdmin.Domain.Entities.Account>)Model.FromAccounts).Select(option => new SelectListItem
{
        Text = (option == null ? "None" : option.AccountName), 
        Value = option.AccountId.ToString(),
        Selected = (Model != null) && (option.AccountId == Model.Transaction.IdFrom)
    }), "Choose...")
    @Html.ValidationMessageFor(model => model.Transaction.IdFrom)@Model.Transaction.IdFrom
</div>

<div class="editor-label">
    Destino:
</div>
<div class="editor-field">
    @Html.DropDownListFor(model => model.Transaction.IdTo, ((IEnumerable<FlatAdmin.Domain.Entities.Account>)Model.ToAccounts).Select(option => new SelectListItem
{
    Text = (option == null ? "None" : option.AccountName),
    Value = option.AccountId.ToString(),
    Selected = (Model != null) && (option.AccountId == Model.Transaction.IdTo)
}), "Choose...")
    @Html.ValidationMessageFor(model => model.Transaction.IdTo)@Model.Transaction.IdTo
</div>
<div class="editor-label">
    Monto
</div>
<div class="editor-field">
    @Html.DropDownListFor(model => model.Transaction.IdCurrency, ((IEnumerable<FlatAdmin.Domain.Entities.Currency>)Model.AllCurrencies).Select(option => new SelectListItem
{
    Text = (option == null ? "None" : option.CurrencyName),
    Value = option.CurrencyId.ToString(),
    Selected = (Model != null) && (option.CurrencyId == Model.Transaction.IdCurrency)
})) 
    @Html.EditorFor(model => model.Transaction.Amount)
    @Html.ValidationMessageFor(model => model.Transaction.Amount) @Model.Transaction.Amount
</div>

<div class="editor-label">
    Comentario
</div>
<div class="editor-field">
    @Html.EditorFor(model => model.Transaction.Comment)
    @Html.ValidationMessageFor(model => model.Transaction.Comment)@Model.Transaction.Comment
</div>

Просмотр:

@model FlatAdmin.Domain.ViewModels.TransactionViewModel
@using FlatAdmin.Domain.Entities

@{
    ViewBag.Title = "Nueva Transaccion";
}

<h2>@ViewBag.Title</h2>
<div>
    @Html.ActionLink("<< Lista de Transacciones", "Index")
</div>
<br />

<div id="InputPanel">
    @using (Html.BeginForm()) {
        @Html.ValidationSummary(true)
        <fieldset>
            <legend>Elegir Actividad</legend>
            <div class="editor-field">
                @Html.DropDownListFor(model => model.Transaction.IdCostCentre, ((IEnumerable<FlatAdmin.Domain.Entities.CostCentre>)Model.AllCostCentres).Select(option => new SelectListItem
           {
               Text = (option == null ? "None" : option.Name),
               Value = option.CostCentreId.ToString(),
               Selected = (Model != null) && (option.CostCentreId == Model.Transaction.IdFrom)
           }), "Actividades...")
            </div>
        </fieldset>
        <fieldset>
            <legend>Transaccion</legend>
            <div id="CreateDiv">
                @Html.Partial("_Create", Model)
            </div>
            <p>
                <input type="submit" name="nextRecord" value="Proxima Transaccion >>" />
            </p>
            <p>
                ...o sino, para guardar y volver a la lista de transacciones:<br /><input type="submit" value="Guardar" />
            </p>

        </fieldset>
    }
</div>

Действие контроллера:

[HttpPost]
public virtual ActionResult AjaxCreate(Transaction transaction)
{
    if (ModelState.IsValid)
    {
        service.InsertOrUpdate(transaction);
        service.Save();
    }
    service.ChosenCostCentreId = transaction.IdCostCentre;
    TransactionViewModel viewModel = new TransactionViewModel();
    viewModel.Transaction =  new Transaction();
    viewModel.CostCentre = service.ChosenCostCentre;
    viewModel.AllCostCentres = service.AllCostCentres;
    viewModel.AllCurrencies = service.AllCurrencies;
    viewModel.FromAccounts = service.FromAccounts;
    viewModel.ToAccounts = service.ToAccounts;

    return PartialView("_Create", viewModel);
}

Ответы [ 2 ]

13 голосов
/ 17 сентября 2011

@ Дарин Димитров придумал ответ в связанной ветке.

По сути, HtmlHelpers, такие как Html.EditorFor, Html.TextBoxFor и т. Д., Сначала проверяют существующие значения в ModelState и ТОЛЬКО затем в Model.

В результате мне понадобился звонок на:

ModelState.Clear();

Невежество так больно.

0 голосов
/ 13 сентября 2011

Попробуйте явно установить длительность выходного кэша равным 0 в действии вашего контроллера.

Я думаю, что браузер не должен кешировать сообщения POST, но иногда он все еще делает это.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...