1

这几天我一直在纠结这个问题。基本上,我有一个视图模型,其中包含三个其他视图模型的 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 不一定有问题,所以我倾向于使用我缺少的编辑器模板的一些细节(即限制)。有什么想法吗?

对不起,很长的帖子,任何帮助将不胜感激!

4

0 回答 0