如何重用和参数化剑道UI网格编辑器模板（使用ASP MVC）？

Question

我已经创建了一个DropDownList编辑器模板网格内联编辑成功。现在我想在多个列（相同的网格）和/或具有不同网格的不同视图中重用此模板。

到目前为止，我发现如果我省略了模板中dropdown列表的“名称”，那么模板会自动绑定到网格中引用它的那一列（使用）。EditorTemplateName（...））。然而，还有其他东西应该参数化（显式或隐式）首先是下拉数据源。

问：在一个网格中有许多下拉列表，如何参数化下拉列表数据源以防止复制和粘贴DropDownListTemplate.cshtmlzillon时间？

问：一般来说，当在多个列和多个视图中使用时，我如何参数此模板？

观点：

@(Html.Kendo().Grid<Enumeration>()
    .Name("grid")
    .Columns(columns =>
    {
        columns.Bound(e => e.Locale).Width(200)
            .EditorTemplateName("DropDownListTemplate");
        // columns.Bound(e => e.OtherColumn).Width(200)
        //    .EditorTemplateName("DropDownListTemplate", ???);

...以及名为DropDownListTemplate的模板。cshtml并放置在/Views/Shared/EditorTemplates中

@model string
@(Html.Kendo()
  .DropDownListFor(m => m)
  .BindTo(ViewBag.LocaleDropDownListDataSource) // <- Having many dropdown in one grid, how to parameterize this, without copy and paste the DropDownListTemplate.cshtml zillon times?
  //.OptionLabel("Select Locale")
  .DataValueField("Locale")
  .DataTextField("Value")
  //.Name("Locale") // Omitting this binds the template automatically to the referring column in the grid. Using a custom .Name, what is not a column name in the grid ruins the working
  )

Answer 1

迪翁的回答在外键（和类似）情况下确实是正确的，他解释了一个开箱即用的解决方案，所以我把它标记为答案。

尽管如此，如何参数化和编辑模板仍然是一个实际问题，需要回答。生成器中的EditorViewData（）命名非常自我解释。（嗯，在你找到它之后…：-）

观点：

@(Html.Kendo().Grid<Enumeration>()
    .Name("grid")
    .Columns(columns =>
    {
        columns.Bound(e => e.AnyColumn).Width(200)
            .EditorTemplateName("ReusableTemplate")
            .EditorViewData(new {AnyParameterName = anyValue1, OtherParameterName = otherValue1});
        columns.Bound(e => e.OtherColumn).Width(200)
            .EditorTemplateName("ReusableTemplate")
            .EditorViewData(new {AnyParameterName = anyValue2, OtherParameterName = otherValue2});

...这个模板叫做ReusableTemplate。cshtml并放置在/Views/Shared/EditorTemplates中

@model object

@{
    // Access the actual parameter values anywhere including the kendo helpers below (if any) via ViewData:
    var any = ViewData.AnyParameterName
    var other = ViewData.OtherParameterName
}

@(Html.Kendo()
  .AnyHelperYouWant_or_NoHelperAtAll
  )

例如：

@(Html.Kendo().Grid<Enumeration>()
    .Name("grid")
    .Columns(columns =>
    {
        columns.Bound(e => e.AnyColumn).Width(200)
            .EditorTemplateName("ReusableTemplate")
            .EditorViewData(new {Name = "list1");
        columns.Bound(e => e.OtherColumn).Width(200)
            .EditorTemplateName("ReusableTemplate")
            .EditorViewData(new {Name = "list2"});

并使用它：

@model object

@{
    // Access the actual parameter values:
    // Note: You can inline this variable if you want
    var name = ViewData.Name;
}


@(Html.Kendo().DropDownListFor(m => m).BindTo((SelectList)ViewData[name])

Answer 2

为什么你要重新发明轮子，剑道已经为我们提供了GridForeignKey列被使用无数次。

模板代码

@model object

@(Html.Kendo().DropDownListFor(m => m)        
      .BindTo((SelectList)ViewData[ViewData.TemplateInfo.GetFullHtmlFieldName("") + "_Data"])
)

网格中的实现

columns.ForeignKey(col => col.DepartmentId, (IEnumerable) ViewBag.Departments, "Value", "Text").Title("Department");

演示