所以，这是我在我的第一个演示MVC项目中遇到的问题。在我的主视图MyAction.cshtml中，当您单击学生用户名超链接时，会呈现包含学生详细信息的部分视图在StudentDetails <div>中。
这是我的主视图：
@model IEnumerable<MvcApplication4.ViewModels.StudentViewModel>
@{
ViewBag.Title = "MyAction";
Layout = "~/Views/Shared/_myTemplateLayoutPage.cshtml";
}
<script>
function RegisterClickHanders() {
var url = '@Url.Action("DisplayClickedView","Private")';
$('.editDetails').click(function () {
var btnvalue = $('.editDetails').attr("value");
var srchvalue = $(this).closest("tr").children().first().text();
$('#Add_Update_Details').load(url, { searchText: btnvalue, searchValue: srchvalue });
});
}
</script>
<div id="content">
<div id="mainpage">
<h2>Registration Details</h2>
<ul>
@foreach(var item in Model)
{
<li>
@Ajax.ActionLink(item.UserName,
"GetUserDetails",
new { id = item.Student.StudentId },
new AjaxOptions
{
UpdateTargetId = "StudentDetails",
InsertionMode = InsertionMode.Replace,
HttpMethod = "GET",
OnComplete="RegisterClickHanders"
}
)
</li>
}
</ul>
<div id ="StudentDetails"></div>
<div id ="Add_Update_Details"></div>
</div>
<div id="sidebarbottom"></div>
</div>
这是被渲染的部分视图：
@model MvcApplication4.ViewModels.StudentViewModel
<h2>Student Details</h2>
<table border="1">
<tr>
<th>
Name
</th>
<th>
User Name
</th>
<th>
Department
</th>
<th colspan="2">
Actions
</th>
</tr>
<tr>
<td>
@Html.DisplayFor(x => x.StudentFullName)
</td>
<td>
@Html.DisplayFor(x => x.UserName)
</td>
<td>
@Html.DisplayFor( x => x.DepartmentName)
</td>
<td>
<input type="submit" class="editDetails" value="Edit Details" name="Command" />
</td>
<td>
<input type="submit" class="addDetails" value="Add Details" name="Command" />
</td>
</tr>
</table>
现在我展示的来自StudentViewModel的细节也包含了StudentId。下面是StudentViewModel类：
//View Model
public class StudentViewModel
{
public Student Student { get; set; }
public int StudentId { get; set; }
[Display(Name = "StudentName")]
[Required(ErrorMessage = "Student Name cannot be left blank")]
public String StudentFullName
{
get
{
return String.Format("{0} {1}", Student.FirstName, Student.LastName);
}
}
public String UserName { get; set; }
[DataType(DataType.Password)]
public String Password { get; set; }
[DataType(DataType.Password)]
[Compare("Password",ErrorMessage="Passwords do not match")]
[Display(Name="Confirm Password")]
public String C_Password { get; set; }
[Display(Name = "Department Name")]
public String DepartmentName { get; set; }
}
但是我在视图中只显示学生全名、用户名和部门名称。
[HttpGet]
public PartialViewResult GetUserDetails(int? id)
{
StudentContext context = new StudentContext();
var result = context.Students.Where(s => s.StudentId == id)
.Include(s => s.Department)
.Select(s => new StudentViewModel
{
Student = s,
UserName = s.UserName,
DepartmentName = s.Department.DepartmentName
}).First();
return PartialView("_StudentDetails",result);
}
但是，当点击“编辑详细信息”按钮时，我希望为该记录渲染一个视图。我的目标是：
var url = '@Url.Action("DisplayClickedView","Private")';
$('.editDetails').click(function () {
var btnvalue = $('.editDetails').attr("value");
var srchvalue = $(this).closest("tr").children().first().text();
$('#Add_Update_Details').load(url, { searchText: btnvalue, searchValue: srchvalue });
});
但是这将在srchvalue中获取StudentFullName，并基于此呈现部分视图。但我希望它基于学生ID本身进行呈现，而在视图中并不存在该ID。
