如何在详细信息模板中访问网格项 kendo ui

Question

我在个人和地址之间存在一对多关系，我想在网格详细信息中显示所有地址。我在专栏里知道怎么做，但是会很难看。

@(Html.Kendo().Grid(Model)
.Name("Test")
.Columns(c =>
{
    c.Bound(p => p.FirstName);
    c.Bound(p => p.LastName);
    c.Bound(p => p.Addresses).Template(
        @<text>
            <ul>
                @foreach (var a in @item.Addresses)
                {
                    <li>@a.City</li>
                    <li>@a.Street</li>
                }
            </ul>
        </text>);
})
.Pageable()
.Sortable()
.Filterable()
.Groupable()
.ClientDetailTemplateId("template")
.HtmlAttributes(new { style = "min-height:200px;" })
  )

我知道我应该使用详细信息模板，但我不知道如何访问脚本中的正确人员。

<script id="template" type="text/x-kendo-template">This 
     is where I need to iterate over the addresses
</script>

处理它的最佳方法是什么？

Answer 1

当前模板由地址列的每个网格行驱动。您可以迭代地址列表并包含地址信息，例如html 列表。

<script id="template" type="text/x-kendo-template">
    <ul>
        # for (var i = 0; i < data.Addresses.length; i++) { #
            <li>#=data.Addresses[i].City#</li>
        # } #
    </ul>
</script>

如何在详细信息模板中访问网格项 kendo ui

How to access a grid item in detail template kendo ui

c#

asp.net-mvc

telerik

kendo-ui