这几天我一直在纠结这个问题。基本上,我有一个视图模型,其中包含三个其他视图模型的 IEnumerable,它们将显示在三个单独的 Kendo 控件中——一个作为 ListView,两个作为 GridView。每个视图模型都有一个单独的编辑器模板,由相应的控件使用。GridViews 100% 工作,Kendo ListView 在页面上正常工作(ListView 使用更新的数据刷新)。
我的问题是视图模型的 IEnumerable 被传递给 ActionResult(具有空值),而不仅仅是视图模型的单个实例,并且 DataSourceRequest 为空。
这是(编辑的)代码。
视图模型(只是相关 ListView 的包装器和视图模型):
public class MainPersonViewModel
{
public MainPersonViewModel(){}
public int PersonId { get; set; }
public IEnumerable<DetailsViewModel> PersonDetails { get; set; }
public IEnumerable<AddressViewModel> Addresses { get; set; }
public IEnumerable<PersonGroupingViewModel> MemberOf { get; set; }
}
public class DetailsViewModel
{
public DetailsViewModel(){}
public int PersonId { get; set; }
public string Name { get; set; }
public string WorkingTitle { get; set; }
}
Kendo ListView 模板:
@model Staff.ViewModels.MainPersonViewModel
<script type="text/x-kendo-tmpl" id="personDetailsTemplate">
<table>
<tr>
<td>Name: </td><td>${Name}</td>
</tr>
<tr>
<td>Working Title: </td><td>${Title}</td>
</tr>
<tr>
<td colspan="2">
<div class="edit-buttons">
<a class="k=button k-button-icontext k-edit-button" href="\\#"><span class="k-icon k-edit"></span>Edit</a>
</div>
</td>
</tr>
</table>
</script>
而剑道控制本身:
@(Html.Kendo().ListView<Staff.ViewModels.DetailsViewModel>(Model.PersonDetails)
.Name("personDetailsList")
.TagName("div")
.ClientTemplateId("personDetailsTemplate")
.Editable()
.DataSource(ds => ds
.Model(m =>
{
m.Id(f => f.PersonId);
m.Field(f => f.Name);
m.Field(f => f.WorkingTitle);
}
)
.Read(read => read.Action("ViewPersonDetails", "Staff", new {id = Model.PersonId}))
.Update(update => update.Action("UpdatePersonDetails", "Staff"))
)
)
控制器中Listview调用的ActionResult如下:
public class StaffController : Controller
{
[AcceptVerbs(HttpVerbs.Post)]
public ActionResult UpdatePersonDetails([DataSourceRequest] DataSourceRequest request, IEnumerable<DetailsViewModel> toUpdate)
{
//update code here
return Json(ModelState.ToDataSourceResult());
}
}
最后是编辑器模板(位于 Views\Staff\EditorTemplates):
@model Staff.ViewModels.DetailsViewModel
<div>
<table>
<tr>
<td>@Html.LabelFor(m => m.NameFirst)</td>
<td>@Html.EditorFor(m => m.NameFirst)</td>
</tr>
<tr>
<td>@Html.LabelFor(m => m.NameLast)</td>
<td>@Html.EditorFor(m => m.NameLast)</td>
</tr>
<tr>
<td>@Html.LabelFor(m => m.Title)</td>
<td>@Html.EditorFor(m => m.Title)</td>
</tr>
<tr>
<td colspan="2">
<div class="edit-buttons">
<a class="k-button k-button-icontext k-update-button" href="\\#"><span class="k-icon k-update"></span>Save</a>
<a class="k-button k-button-icontext k-cancel-button" href="\\#"><span class="k-icon k-cancel"></span>Cancel</a>
</div>
</td>
</tr>
</table>
</div>
由于 ListView 似乎令人耳目一新,我认为它或页面上的 DataSource 不一定有问题,所以我倾向于使用我缺少的编辑器模板的一些细节(即限制)。有什么想法吗?
对不起,很长的帖子,任何帮助将不胜感激!