ASP.NET MVC3:部分景观和主视图之间的相互作用 [英] ASP.NET MVC3: Interaction between Partial View and Main View
问题描述
我有接触的局部视图。目前索引视图显示了联系方式,这部分观点。有一个保存局部视图内按钮保存编辑的数据。有一个验证年龄而保存编辑的数据。这多少是工作的罚款。
每当用户编辑年龄并保存它,我需要显示在主视图相应的星座prediction。我们如何实现的呢?
公共类ContactEntity
{
公众诠释的ContactID {获得;组; }
公共字符串联系人姓名{获得;组; }
[范围(18,50,的ErrorMessage =必须是18和50之间)
公众诠释ContactAge {获得;组; }
}
公共类AgeHoroscope
{
公众诠释年龄{获得;组; }
公共字符串学prediction {获得;组; }
}
//首页控制器
命名空间MYContactEditPartialViewTEST.Controllers
{
公共类的HomeController:控制器
{
名单< AgeHoroscope> horoList =新的名单,其中,AgeHoroscope>()
{
新AgeHoroscope {年龄= 16,学prediction =你弄糊涂了},
新AgeHoroscope {年龄= 26,学prediction =你很辉煌},
新AgeHoroscope {年龄= 27,学prediction =您是实用}
};
公众的ActionResult指数()
{
AgeHoroscope selectedHoro = horoList [1];
返回查看(selectedHoro);
}
}
}
//联系控制器
命名空间MYContactEditPartialViewTEST.Controllers
{
公共类ContactController中:控制器
{
公共PartialViewResult MyContactDetailEdit()
{
Thread.sleep代码(500);
返回PartialView(GetContact());
}
[HttpPost]
公共PartialViewResult MyContactDetailEdit(字符串conatcclick)
{
//保存到数据库
Thread.sleep代码(500);
返回PartialView(GetContact());
}
私人ContactEntity GetContact()
{
ContactEntity contactEntity =新ContactEntity();
contactEntity.ContactID = 1;
contactEntity.ContactName =Lijo;
contactEntity.ContactAge = 26;
返回contactEntity;
}
}
}
// Index.cshtml
@model MYContactEditPartialViewTEST.AgeHoroscope
@ {
ViewBag.Title =指数;
}
<脚本SRC =@ Url.Content(〜/脚本/ jQuery的-1.5.1.min.js)类型=文/ JavaScript的> < / SCRIPT>
<脚本SRC =@ Url.Content(〜/脚本/ jquery.validate.min.js)类型=文/ JavaScript的>< / SCRIPT>
<脚本SRC =@ Url.Content(〜/脚本/ jquery.validate.unobtrusive.min.js)类型=文/ JavaScript的>< / SCRIPT>
< H2>
指数< / H>
< DIV>
< A>您的年龄为< B> @ Html.DisplayFor(X => x.Age)< / B>和在prediction为< B>中@ Html.DisplayFor(X => x.Horoscope prediction)
&所述; / B个;&所述; / a取代;
< BR />
< / DIV>
< DIV的风格=边界:3PX固体蒂尔>
@ Html.Action(MyContactDetailEdit,联系方式)
< / DIV>
// MyContactDetailEdit.cshtml
@model MYContactEditPartialViewTEST.ContactEntity
@using(Html.BeginForm())
{
@ Html.ValidationSummary(真)
< H3> MyContactDetailEdit局部< / H3>
< DIV>
@ Html.HiddenFor(X => x.ContactID)
< BR />
< DIV的风格=字体重量:大胆>
名称:
< BR />
< / DIV>
@ Html.DisplayFor(X => x.ContactName)
< BR />
< BR />
< DIV的风格=字体重量:大胆>
年龄
< BR />
< / DIV>
@ Html.EditorFor(X => x.ContactAge)
@ Html.ValidationMessageFor(型号=> model.ContactAge)
< BR />
< BR />
< / DIV>
<输入类型=提交ID =saveButton值=保存/>
}
阅读
-
<一个href="http://stackoverflow.com/questions/2199440/asp-net-mvc-passing-multiple-parameters-to-a-view">ASP.Net MVC传递多个参数,以期
-
<一个href="http://stackoverflow.com/questions/4467712/asp-net-mvc-3-rc2-partial-views-form-handling">ASP.Net MVC 3 RC2,局部视图的表单处理
我想只是用jQeury阿贾克斯后做什么,然后直接更改父视图客户端
I have a partial view for contact. Currently the index view shows this partial view for contact details. There is a save button inside the partial view to save the edited data. There is a validation for age while saving the edited data. This much is working fine.
Whenever user edit age and save it, I need to show the corresponding horoscope prediction on the main view. How do we achieve it?
public class ContactEntity
{
public int ContactID { get; set; }
public string ContactName { get; set; }
[Range(18, 50, ErrorMessage = "Must be between 18 and 50")]
public int ContactAge { get; set; }
}
public class AgeHoroscope
{
public int Age { get; set; }
public string HoroscopePrediction { get; set; }
}
//Home Controller
namespace MYContactEditPartialViewTEST.Controllers
{
public class HomeController : Controller
{
List<AgeHoroscope> horoList = new List<AgeHoroscope>()
{
new AgeHoroscope{Age=16,HoroscopePrediction="You are confused"},
new AgeHoroscope{Age=26,HoroscopePrediction="You are very brilliant"},
new AgeHoroscope{Age=27,HoroscopePrediction="You are practical"}
};
public ActionResult Index()
{
AgeHoroscope selectedHoro = horoList[1];
return View(selectedHoro);
}
}
}
//Contact Controller
namespace MYContactEditPartialViewTEST.Controllers
{
public class ContactController : Controller
{
public PartialViewResult MyContactDetailEdit()
{
Thread.Sleep(500);
return PartialView(GetContact());
}
[HttpPost]
public PartialViewResult MyContactDetailEdit(string conatcclick)
{
//Save to database
Thread.Sleep(500);
return PartialView(GetContact());
}
private ContactEntity GetContact()
{
ContactEntity contactEntity = new ContactEntity();
contactEntity.ContactID = 1;
contactEntity.ContactName = "Lijo";
contactEntity.ContactAge = 26;
return contactEntity;
}
}
}
//Index.cshtml
@model MYContactEditPartialViewTEST.AgeHoroscope
@{
ViewBag.Title = "Index";
}
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"> </script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<h2>
Index</h2>
<div>
<a>Your age is <b>@Html.DisplayFor(x => x.Age) </b>and the prediction is <b>" @Html.DisplayFor(x => x.HoroscopePrediction)
" </b></a>
<br />
</div>
<div style="border: 3px solid Teal">
@Html.Action("MyContactDetailEdit", "contact")
</div>
// MyContactDetailEdit.cshtml
@model MYContactEditPartialViewTEST.ContactEntity
@using (Html.BeginForm())
{
@Html.ValidationSummary(true)
<h3>MyContactDetailEdit PARTIAL</h3>
<div>
@Html.HiddenFor(x => x.ContactID)
<br />
<div style="font-weight:bold">
Name:
<br />
</div>
@Html.DisplayFor(x => x.ContactName)
<br />
<br />
<div style="font-weight:bold">
Age
<br />
</div>
@Html.EditorFor(x => x.ContactAge)
@Html.ValidationMessageFor(model => model.ContactAge)
<br />
<br />
</div>
<input type="submit" id="saveButton" value="Save" />
}
READING
I would like just use jQeury to do ajax post and then change the parent view client side directly
这篇关于ASP.NET MVC3:部分景观和主视图之间的相互作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!