Sencha Touch：向列表项添加徽章文本

Question

如何在List-Panel的项中添加badgeText是最佳方式？

- headkit

---

好的，向列表项添加徽章文本的一种方法是将以下代码添加到xtemplate/itemTpl中：code ... '<span class="x-badge">4</span>', ...code - headkit

Answer 1

好的，将徽章文本添加到列表项的一种方法是将以下代码添加到xtemplate/itemTpl：

...
'<span class="x-badge ">4</span>',
...

- headkit

Answer 2

Sencha Touch 2.1

xtype: 'list',
itemId: 'listMainMenu',
store: 'storeMainMenu',
fullscreen: false,
itemTpl: '<span class="x-badge ">{BadgeText}</span>'

并且它没有工作。

DOM 结果：

<div class="x-innerhtml " id="ext-element-104"><span class="x-badge ">1</span></div>

- indapublic

---

答案是：itemTpl : '<div class="x-hasbadge"><span class="x-badge ">{BadgeText}</span></div>' 的意思是“项模板：' x-hasbadge '类的 div 标签包含一个带有文本内容为{BadgeText}的 'x-badge'类的 span 标签。” - indapublic

感谢 @indapublic。x-hasbadge 是关键。 - munkay