使用表格的 KendoUI 自动完成模板答案

【问题标题】：KendoUI Autocomplete template using tables使用表格的 KendoUI 自动完成模板
【发布时间】：2013-09-02 04:34:52
【问题描述】：

我正在尝试更改由 Kendo UI 自动完成 MVC 帮助程序呈现的 HTML，但似乎 Kendo 已将其硬编码为 UL。这是我的代码示例：

@(Html.Kendo().AutoComplete()
        .Name("clientsAutoComplete")
        .DataTextField("ClientCode")
        .DataSource(source => source.Read(read => read.Action("GetClients", "Profile").Type(HttpVerbs.Post)))
            .Template("<table style='width:600px'>" +
                 "<thead>" +
                     "<tr><th>Client</th><th>Code</th></tr>" +
                 "</thead>" +
                 "<tbody>" +
                     "<tr><td> " +
                         "${ data.Firstname }asdfasdfasdf</td><td>${ data.ClientCode }</td></tr>" +
                 "</tbody>" +
             "</table>")
        //.TemplateId("javascriptTemplate")
     ))

您最终得到的是为每条记录重复的表格。如果您将模板值更改为仅具有表的行定义，如下所示：

.Template("<tr><td>${ data.Firstname }asdfasdfasdf</td><td>${ data.ClientCode }</td></tr>")

然后，Kendo 完全删除了 TR 和 TD 标签，剩下的就是 LI。

我什至尝试使用 Kendo 建议的使用脚本元素的客户端模板，但结果几乎相同。

我需要在下拉列表中呈现一个表格，该表格将有一个标题行 (THhead) 和 TBODY 部分中的内容。任何人都知道如何实现这种情况？

问候，雅克

【问题讨论】：

标签： asp.net-mvc-4 kendo-ui kendo-autocomplete

【解决方案1】：

据我所知，模板系统不支持表格。有一个 HeaderTemplate 属性，但没有可用于关闭表格的 FooterTemplate。

来源链接： http://docs.kendoui.com/api/web/autocomplete#configuration-headerTemplate

【讨论】：