ASP.NET MVC является идеальной платформой для такого рода потребностей.Что бы я сделал, если бы у вас была возможность работать с JQuery Ajax API.
Следующее сообщение в блоге должно дать вам подсказку о том, что вы можете делать с вызовами PartialViews, JQuery и Ajax на сервер:
http://www.tugberkugurlu.com/archive/working-with-jquery-ajax-api-on-asp-net-mvc-3-0-power-of-json-jquery-and-asp-net-mvc-partial-views
ОБНОВЛЕНИЕ
Было предложено поместить краткое вступление, так что вот оно.
Следующий кодВаш метод действия:
[HttpPost]
public ActionResult toogleIsDone(int itemId) {
//Getting the item according to itemId param
var model = _entities.ToDoTBs.FirstOrDefault(x => x.ToDoItemID == itemId);
//toggling the IsDone property
model.IsDone = !model.IsDone;
//Making the change on the db and saving
ObjectStateEntry osmEntry = _entities.ObjectStateManager.GetObjectStateEntry(model);
osmEntry.ChangeState(EntityState.Modified);
_entities.SaveChanges();
var updatedModel = _entities.ToDoTBs;
//returning the new template as json result
return Json(new { data = this.RenderPartialViewToString("_ToDoDBListPartial", updatedModel) });
}
RenderPartialViewToString - это метод расширения для контроллера.Вам нужно использовать Nuget здесь, чтобы вызвать очень маленький пакет с именем TugberkUg.MVC , который будет иметь расширение Controller, чтобы мы могли преобразовывать частичные представления в строку внутри контроллера.
Тогда вот краткая информация о том, как вы можете вызвать его с помощью JQuery:
var itemId = element.attr("data-tododb-itemid");
var d = "itemId=" + itemId;
var actionURL = '@Url.Action("toogleIsDone", "ToDo")';
$("#ajax-progress-dialog").dialog("open");
$.ajax({
type: "POST",
url: actionURL,
data: d,
success: function (r) {
$("#to-do-db-list-container").html(r.data);
},
complete: function () {
$("#ajax-progress-dialog").dialog("close");
$(".isDone").bind("click", function (event) {
toggleIsDone(event, $(this));
});
},
error: function (req, status, error) {
//do what you need to do here if an error occurs
$("#ajax-progress-dialog").dialog("close");
}
});
Необходимо предпринять некоторые дополнительные шаги.Итак, посмотрите на сообщение в блоге, в котором есть полное руководство.