Tag: 部分视图

动态局部视图+ jquery表单劫持+客户端validation=无法正常工作

我正在使用MVC 3与不引人注目的javascript进行客户端validation。 我有一个可以点击的行的表。 单击时,我想调出一个动态加载的局部视图。 这是代码: function GetStuff(id) { $.ajax( { url: “Edit/” + id, success: function (result) { $(“#DivTest”).html(result); } }); } 这一切都有效。 问题是当我尝试使用jquery在partial中保存某些东西时。 表单被劫持,如下所示: $(function () { $.post($(this).attr(“action”), $(this).serialize(), function (data) { alert(“test”); }); e.preventDefault(); }); 这一切使得客户端validation不起作用。 即使我遗漏了一些必要的值,它也会发布post。 如果我没有使用ajax发布或者如果部分加载在页面加载(非动态)上,这一切都有效。 我尝试过的: 我试着把它放在post之前: if($(‘form’).validate().form()){ … } 这只是每次都返回真实.. 从这篇文章我得到2个建议ASP.NET MVC 2使用jQuery加载局部视图 – 没有客户端validation 添加 Sys.Mvc.FormContext._Application_Load(); 部分加载后..并将post的数据类型设置为“html”。 都没有奏效。 […]

你能更新局部视图而不是整页post吗?

有没有办法在asp.net mvc中提交部分视图表单而不重新加载父页面,但是只将部分视图重新加载到新状态? 与knockout.js如何使用data-bind更新类似。 我的数据表使用可变数量的列/名称进行渲染,所以我不认为knockout.js是这个选项的一个选项,所以我尝试使用局部视图。

将JialResult ActionMethod中的PartialView返回到ajaxpost并将PartialView显示为Modal弹出窗口

我试图将部分视图或任何其他视图从操作方法返回到ajaxpost。 我想从ajax成功函数或以其可能的方式显示内容ParitalView作为Jquery Modal弹出窗口。 带有注册表单的“MyRegistrationView”下面提到了表单提交按钮上的ajax post call。 $.ajax({ url: url, //http://localhost/MyRegistration/RegisterUser type: ‘POST’, dataType: ‘json’, data: ko.toJSON(RegistrationInfoModel), contentType: “application/json; charset=utf-8”, success: function (result) { //Do something }, error: function (request, status, error) { //Do something } }); 上面的ajax调用使用如下的action方法进入名为“MyRegistrationController”的Controller。 [HttpPost] public JsonResult RegisterUser(RegistrationInfo model) { //Register User …. if(successful) { return Json(new { data = PartialView(“_ShowSuccessfulModalPartial”) }); […]

ASP.NET MVC 2使用jQuery加载局部视图 – 没有客户端validation

我使用jQuery.load()来呈现局部视图。 这部分看起来像这样: $(‘#sizeAddHolder’).load( ‘/MyController/MyAction’, function () { … }); 我的控制器中的操作代码如下: public ActionResult MyAction(byte id) { var model = new MyModel { ObjectProp1 = “Some text” }; return View(model); } [HttpPost] public ActionResult MyAction(byte id, FormCollection form) { // TODO: DB insert logic goes here var result = …; return Json(result); } 我将返回一个看起来像这样的部分视图: Create my object […]