Sencha touch :: add badgeText to item list

Question

What would be the best way to add some badgeText to the elements of the List panel?

+3

headkit Jun 16 '11 at 8:02

2 answers

Sencha Touch 2.1

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

and it does not work.

DOM result:

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

+1

indapublic Jan 31 '13 at 16:31

headkit · Accepted Answer · 2011-06-17T10:11:38+0000

ok, so one way to add icon text to a list item is to add the following code to xtemplate / itemTpl:

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