ASP.NET MVC3：部分景观和主视图之间的相互作用 [英] ASP.NET MVC3: Interaction between Partial View and Main View
本文介绍了ASP.NET MVC3：部分景观和主视图之间的相互作用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有接触的局部视图。目前索引视图显示了联系方式，这部分观点。有一个保存局部视图内按钮保存编辑的数据。有一个验证年龄而保存编辑的数据。这多少是工作的罚款。
每当用户编辑年龄并保存它，我需要显示在主视图相应的星座prediction。我们如何实现的呢？
公共类ContactEntity
{
公众诠释的ContactID {获得;组; }
公共字符串联系人姓名{获得;组; }
[范围（18，50，的ErrorMessage =必须是18和50之间）
公众诠释ContactAge {获得;组; }
}
公共类AgeHoroscope
{
公众诠释年龄{获得;组; }
公共字符串学prediction {获得;组; }
}
//首页控制器
命名空间MYContactEditPartialViewTEST.Controllers
{
公共类的HomeController：控制器
{
名单＆LT; AgeHoroscope＆GT; horoList =新的名单，其中，AgeHoroscope＆GT;（）
{
新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 =指数;
}
＆LT;脚本SRC =@ Url.Content（〜/脚本/ jQuery的-1.5.1.min.js）类型=文/ JavaScript的＆GT; ＆LT; / SCRIPT＆GT;
＆LT;脚本SRC =@ Url.Content（〜/脚本/ jquery.validate.min.js）类型=文/ JavaScript的＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本SRC =@ Url.Content（〜/脚本/ jquery.validate.unobtrusive.min.js）类型=文/ JavaScript的＆GT;＆LT; / SCRIPT＆GT;
＆LT; H2＆GT;
指数＆LT; / H＆GT;
＆LT; DIV＆GT;
＆LT; A＆GT;您的年龄为＆lt; B＆GT; @ Html.DisplayFor（X =＆GT; x.Age）＆LT; / B＆gt;和在prediction为＆lt; B＆gt;中@ Html.DisplayFor（X =＆GT; x.Horoscope prediction）
＆所述; / B个;＆所述; / a取代;
＆LT; BR /＆GT;
＆LT; / DIV＆GT;
＆LT; DIV的风格=边界：3PX固体蒂尔＆GT;
@ Html.Action（MyContactDetailEdit，联系方式）
＆LT; / DIV＆GT;
// MyContactDetailEdit.cshtml
@model MYContactEditPartialViewTEST.ContactEntity
@using（Html.BeginForm（））
{
@ Html.ValidationSummary（真）
＆LT; H3＆GT; MyContactDetailEdit局部＆LT; / H3＆GT;
＆LT; DIV＆GT;
@ Html.HiddenFor（X =＆GT; x.ContactID）
＆LT; BR /＆GT;
＆LT; DIV的风格=字体重量：大胆＆GT;
名称：
＆LT; BR /＆GT;
＆LT; / DIV＆GT;
@ Html.DisplayFor（X =＆GT; x.ContactName）
＆LT; BR /＆GT;
＆LT; BR /＆GT;
＆LT; DIV的风格=字体重量：大胆＆GT;
年龄
＆LT; BR /＆GT;
＆LT; / DIV＆GT;
@ Html.EditorFor（X =＆GT; x.ContactAge）
@ Html.ValidationMessageFor（型号=＆GT; model.ContactAge）
＆LT; BR /＆GT;
＆LT; BR /＆GT;
＆LT; / DIV＆GT;
＆LT;输入类型=提交ID =saveButton值=保存/＆GT;
}
阅读
-
<一个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屋！
查看全文
