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

时间:2013-09-02 04:34:52

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

我正在尝试更改由 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建议的脚本元素的客户端模板,但它有着几乎相同的不稳定结果。

我需要在下拉列表中呈现一个表格,该表格将包含标题行(THead)和TBODY部分中的内容。有谁知道如何实现这种情况?

此致 雅克

1 个答案:

答案 0 :(得分:0)

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

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