Kendo MVC TreeView 无法正确呈现“.k-in”项目

Question

我们在 MVC5 项目中使用 Kendo UI MVC 2019.2.619。

我们的 TreeView 是这样渲染的：

我们查看了它在我们这边生成的 HTML

但它应该是这样的

（来源：https://www.telerik.com/forums/k--items）

这就是我们生成 TreeView 的方式。

@(Html.Kendo().TreeView()
                                  .Name("BroadcastTreeView")
                                  .DataTextField("Text")
                                  .DataSource(dataSource => dataSource
                                      .Model(model => model
                                          .Id("Id")
                                          .HasChildren("HasChildren")
                                          .Children("Items"))
                                      .Read(read => read.Type(HttpVerbs.Post).Action("ReadTree", "Broadcast").Data("treeViewReadData"))
                                      .Events(events => events.RequestEnd("onRequestEnd")))
                                  .Messages(msg => msg
                                      .Loading("Data ophalen...")
                                      .RequestFailed("Kan data niet ophalen")
                                      .Retry("Probeer opnieuw"))
                                  .Events(events => events
                                      .Change("onTreeViewChange")
                                      .Expand("onTreeViewExpand"))
                                  .HtmlAttributes(new { @class = "custom-border" }))

当我们在 Chrome 调试器中将 .k-in 范围拖到 .k-icon 范围之外时。布局就像它应该的那样。我们没有任何操纵 TreeView 的自定义 JavaScript。这是我们使用的版本的已知错误吗？谢谢。

Answer 1

您最近将 jQuery 升级到 3.5 了吗？它不允许某些自关闭标签，例如 Kendo 的源代码中存在的 <span class="k-icon" />。

参见https://github.com/telerik/kendo-ui-core/issues/5735。

您需要升级 Kendo 或降级 jQuery 。

Answer 2

我们已经搜索了几个小时，但一无所获。我们决定升级到 Kendo 2020.5.513。它会造成一些布局问题，但已解决树视图的问题。

Kendo MVC TreeView 无法正确呈现“.k-in”项目

Kendo MVC TreeView not rendering ".k-in" items correctly

telerik

kendo-ui

kendo-treeview

kendo-asp.net-mvc