MVC 3 + $ .ajax - ответ, кажется, кэширует вывод от частичного представления
Должно быть, я что-то упускаю, глупый, но здесь проблема.
У меня есть действие Создать на контроллере транзакций. Create.cshtml использует jQuery для отправки формы на сервер с помощью вызова $ .ajax. Отладка показывает, что все приходит на сервер, как и ожидалось. Я использую данные формы для обновления записи: это тоже хорошо работает. Затем я возвращаю частичное представление, передавая модель представлению с данными по умолчанию. Я могу отладить и проверить, что модель передает нули и 0, то есть данные по умолчанию для моей модели.
Проблема в том, что в ответ отправляется браузеру старые данные ...!
Я не вижу причин, почему. Надеюсь, вы можете ...
Примечание: я не использую какую-либо форму кэша вывода.
РЕДАКТИРОВАТЬ 1:
Кеширование не происходит в браузере. Причина, по которой я это говорю, заключается в том, что я вижу в Firebug ответ на вызов AjaxCreate Action. Я также вижу это в Fiddler.
РЕДАКТИРОВАТЬ 2:
Если вы посмотрите на код для частичного просмотра, то увидите, что каждый выпадающий список или текстовое поле имеет значение @ Model.Transaction. [Свойство], распечатанное рядом с ним. Это, как ни странно, показывает правильное значение, то есть значения по умолчанию для моего объекта Transaction, но выпадающие списки и текстовые поля придерживаются значений, которые были отправлены на сервер, а не значений по умолчанию для свойства, которое каждое из них должно отображать.
РЕДАКТИРОВАТЬ 3:Я включил следующее изображение, чтобы вы могли видеть значения, напечатанные справа от каждого передаваемого элемента управления. И все же элементы управления отражают старые данные, отправленные на сервер во время предыдущего вызова $ .ajax. (Комментарий показывает дату и время на момент создания модели представления, чтобы я мог видеть, что все обновляется).
РЕДАКТИРОВАТЬ 4:Я обнаружил, что замена @ Html.EditorFor (...) (см. Код ниже) помощниками @ Html.TextBox устраняет проблему. Таким образом, кажется, что помощники EditorFor вызывают проблему. Почему? Понятия не имею, но выложу еще один, более конкретный вопрос.
Код и разметка следующим образом:
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);
}