如何在listview項目模板中添加數據圖標

截至目前，我創造我想要的列表視圖鏈接是這樣的：

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

這給了我左邊的「精選」字型圖標列表視圖鏈接，然後鏈接文本，隨後在右邊的小箭頭。

我想要做的是轉換爲使用模板，但我遇到了麻煩達到上述相同的結果。這是我到目前爲止：

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

這導致我需要什麼，除了缺少的字體圖標。文檔說明我可以添加一個<img>元素來獲取字體圖標，但它有點模糊，沒有示例。

謝謝！

來源

2013-01-04 TAS

只需選擇一個元素並將.km-icon和.km-featuredcss類添加到它。

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

您可以檢查kendo's mobile demo page的圖標，看看它是如何呈現的。

來源

2013-01-04 01:54:28 ryan

是的，我檢查了他們的移動演示頁面，但是如何使用img元素，如他們在Item Icons下的文檔中所述：[ListView Documentation]（http://docs.kendoui.com/getting-started/mobile /列表顯示）？ – TAS

Kendo UI Mobile字體圖標不能與IMG標籤一起使用。 – Bundyo

是的，這也是我的想法。不用擔心，我會將其標記爲答案，並向Kendo發送消息，以便在文檔中更新此行 - 「可以通過兩種方式設置圖標 - 通過在li元素內添加img元素，或者通過設置圖標數據屬性添加到li元素。「 – TAS

如何在listview項目模板中添加數據圖標

回答

相關問題