sencha touch :: adicionando badgeText aos itens da lista

Question

Qual seria a melhor maneira de adicionar algum badgeText aos itens de um painel de lista?

Answer 1

o.k., portanto, uma maneira de adicionar o texto do emblema a um item da lista é adicionar o seguinte código ao xtemplate / itemTpl:

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

Answer 2

Sencha Touch 2.1

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

e não está funcionando.

Resultado DOM:

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