Question

我是Kendo UI的新手，并尝试使用kendo mobile构建小型应用程序。我有列表，并希望为每个项目添加图标，但如果此列表在模板图标中不显示

 <div data-role="view" data-title="" id="side-root">
   <ul data-role="listview" data-style="inset" data-source="splitViewCategories" data-template="categoriesTemplate">
   </ul>
 </div>
 <script id="categoriesTemplate" type="text/x-kendo-template">
   <a data-icon="about" href="">Category</a>
 </script>

如果我像这样使用就绪列表

<ul data-role="listview" data-style="inset">
 <li data-icon="about"><a>about</a></li>
 <li data-icon="action"><a>action</a></li>
 <li data-icon="add"><a>add</a></li>                    
</ul>

我可以看到图标

Answer 1

您应该添加data-icon元素，而不是span，而是添加要添加的图标的class。例如：

<script id="categoriesTemplate" type="text/x-kendo-template">
    <a href="\\#"><span class="km-icon km-about"></span>Category</a>
</script>

如果我使用模板，Kendo ui图标不会显示

1 个答案: