Change Template in List? (v2.1)

[vitalyx]

There is no public dates but patch releases do come out frequently

Available to support subscribers only?

[mitchellsimoens]

Available to support subscribers only?

I'm not part of the decision what releases get to be public or are support subscriber only. Support subscribers do get nightly builds though.

[rpsirois]

The records on screen are being rendered improperly and the ones off the screen are being rendered correctly ( try resizing your browser window and you'll see some that are working ).

[alexfluger]

It seems that list item's tpl property set only when sencha creates this item. And it didn't updated when we call refresh method.

I can suggest two solutions:

1 - Use dataview instead a list (it can be styled to look like a list)
2 - Use this fix:

Ext.override(Ext.dataview.List, {
    updateListItem: function(item, index, info) {
        var record = info.store.getAt(index);
        if (this.isSelected(record)) {
            item.addCls(info.selectedCls);
        }
        else {
            item.removeCls(info.selectedCls);
        }


        item.setTpl(this.getItemTpl());
        item.removeCls([info.headerCls, info.footerCls, info.firstCls, info.lastCls]);
        this.replaceItemContent(item, index, info)


    }
});

[rpsirois]

Thanks for the fix! I hadn't looked at that #setTpl method.

I actually ended up creating new lists for each time I would normally just call #setItemTpl. Horrible, I know, but something had to happen yesterday.

[TommyMaintz]

Try the following override:

Ext.define('ListItemTplFix',  {
   override: 'Ext.dataview.List',

   updateItemTpl: function(newTpl, oldTpl) {
        var listItems = this.listItems,
            ln = listItems.length || 0,
            i, listItem;

        for (i = 0; i < ln; i++) {
            listItem = listItems[i];
            listItem.setTpl(newTpl);
        }
        this.doRefresh();
    }
});

[Stx.Greg]

Thanks Tommy, the fix works great for me.

Alex's workaround was working for me as well.

[rpsirois]

@TommyMaintz thanks nice fix until Sencha figures it out.

[qu3s4d4]

Thanks a lot for that.

[joel.m.stein]

Thanks so much for the fixes above and the bug report!

While migrating an application from Sencha Touch 1.1, I was getting nowhere searching about this problem until I realized it worked in 2.0 but not 2.1.