2

Kendo UI autocomplete MVC helperによってレンダリングされる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 を残します。

剣道が提案するスクリプト要素を使用してクライアント側のテンプレートを使用してみましたが、ほとんど同じ不規則な結果が得られます。

ドロップダウンでレンダリングするテーブルが必要です。これには、ヘッダー行 (THead) と TBODY セクションのコンテンツがあります。このシナリオを達成する方法を知っている人はいますか?

よろしく、ジャック

4

1 に答える 1