我们遇到这种情况,我们陷入了ajax:
这就是我们在视图中使用partial的方式:
<div class="MyCheck check-come" id="checklist">
@if (Model.CurToDo.TrnToDoList != null)
{<ul>
@foreach (var item in Model.CurToDo.TrnToDoList)
{
<li>@Html.Partial("ToDoChecks", item)</li>
}
</ul>
}
</div>
使用这样的ajax调用它:
$("#CurToDo_ToDoTitle").blur(function () {
var formdata = new FormData($('#form0').get(0)); // serialize the form
formdata.append('ButtonType', 'Save'); // add additional properties
$.ajax({
url: "/Tasktd/Postit",
type: "POST",
data: formdata,
dataType: "json",
processData: false,
contentType: false
}).success(function (model) {
$("#CurToDo_ToDoId").val(model.CurToDo.ToDoId);
$("#CurToDo_ToDoTitle").val(model.CurToDo.ToDoTitle);
$("#CurToDo_ToDoDesc").val(model.CurToDo.ToDoDesc);
$(".panel-header").addClass("show");
//$(".check-come").addClass("show");
$("#checklist li").html(model);
$(".MyCheck").show();
});
});
我们希望在创建tasktd后立即激活此部分视图,如上面的jquery代码所示。但它什么都不做。在另一端,我们重新访问具有与查询字符串相同的创建ID的页面,它加载局部视图。
我们只想在为主视图保存数据后立即显示部分视图。
渲染的片段是这样的:
<div class="MyCheck check-come" id="checklist">
</div>
注意,其中没有生成html。
控制器:
public ActionResult Index(int tdid = 0)
{
ToDoList tdl = new ToDoList();
ToDo t = new ToDo ();
// ToDoTrn ttrn = new ToDoTrn();
List<ToDo> tds = ToDo.Load();
tdl.ToDos=tds;
UserView u = new UserView();
t.CreatedBy = User.Identity.GetUserId();
u.UserId = User.Identity.GetUserId();
u.UserName = User.Identity.Name;
// tdl.tditems.CreatedBy = Convert.ToInt32(userID);
if (tdid != 0)
{
t = t.LoadToDo(tdid);
tdl.CurToDo=t;
ToDoTrn trn = new ToDoTrn(tdid);
List<ToDoTrn> tlist = new List<ToDoTrn>();
tlist.Add(trn);
tdl.CurToDo.TrnToDoList = tlist;
//tdl.CurToDoTrn = ttrn;
tdl.UserModel = u;
// t.UserModel = u;
}
else
{
tdl.CurToDo=t;
// tdl.CurToDoTrn = ttrn;
tdl.UserModel = u;
// t.UserModel = u;
}
return View(tdl);
}
拯救行动
public async Task<ActionResult> Postit(ToDoList td, string ButtonType)
{
if (ButtonType == "Delete")
{
td.CurToDo.Delete();
ToDo tt = new ToDo();
td.CurToDo = tt;
return Json(new { redirectUrl = Url.Action("Index", "Tasktd"), isRedirect = true });
}
else if (ButtonType == "Prioritize")
{
td.CurToDo.Prioritize=td.CurToDo.TogglePrioritize();
}
else if (ButtonType == "Save")
{
var errors = ModelState.Values.SelectMany(v => v.Errors);
ModelState.Remove("ToDoId");
ModelState.Remove("ToDoTrnId");
if (ModelState.IsValid)
{
var t = await td.CurToDo.Save();
if (td.CurToDo.TrnToDoList==null)
{
try
{
ToDoTrn trn = new ToDoTrn(td.CurToDo.ToDoId);
List <ToDoTrn> tlist= new List<ToDoTrn>();
tlist.Add(trn);
td.CurToDo.TrnToDoList = tlist;
}
catch(Exception ex)
{
}
}
return Json(td, JsonRequestBehavior.AllowGet);
}
}
else if (ButtonType == "CheckSave")
{
var errors = ModelState.Values.SelectMany(v => v.Errors);
// ModelState.Remove("ToDoId");
ModelState.Remove("ToDoTrnId");
if (ModelState.IsValid)
{
//td.CurToDoTrn.ToDoId = td.CurToDo.ToDoId;
//var t = await td.CurToDoTrn.ToDoTrnSave(td.CurToDoTrn);
return Json(td, JsonRequestBehavior.AllowGet);
}
}
return Json("Oops! Please enter the required values");
}
答案 0 :(得分:0)
只需使用普通ActionResult
和[HttpPost]
,最初可以在Razer中使用渲染而不是部分渲染。然后只需进行正常的AJAX调用并使用$("#").html(retVal);