如何在listview项目模板中添加数据图标

我正在使用JQuery初始化语法

现在，我创建所需的listview链接如下：

<li data-icon="featured"><a>My Listview Item Link</a></li>

我的列表视图项目链接

这给了我一个listview链接，左边是“特色”字体图标，后面是链接文本，右边是一个小箭头

我试图做的是转换为使用模板，但我很难达到上述相同的结果。以下是我目前掌握的情况：

<script type="text/x-kendo-template" id="mListviewTemplate">
    <a data-role="listview-link">${name}</a>
</script>

${name}

这就产生了我所需要的，除了缺少的字体图标。文档中说我可以添加一个

元素来获得字体图标，但它有点模糊，没有示例

---

谢谢大家!

只需选择一个元素，并向其添加

.km图标

和

.km特色

css类

<script type="text/x-kendo-template" id="mListviewTemplate">
    <span class="km-icon km-featured"></span><a data-role="listview-link">${name}</a>
</script>

我确实检查了他们的手机演示页面，但如何使用img元素，正如他们在项目图标下的文档中所述：？Kendo UI手机字体图标不能与img标记一起使用。是的，我也这么想。不用担心，我会将此标记为答案，并向Kendo发送一条消息，可能会在他们的文档中更新这一行——“图标可以通过两种方式设置——要么在li元素中添加img元素，要么为li元素设置图标数据属性。”