addCls() on ListItem

I'm attempting to style a ListItem within a List control. I want each instance of the ListItem to have the CSS class 'LPNListItem'. But none of the following approaches apply the 'LPNListItem' CSS class to *any* node in the DOM:

Code:

Ext.define('ptl.view.LPNListItemRenderer', {
    extend: 'Ext.dataview.component.ListItem',
    xtype: 'LPNListItemRenderer',
    config: {
        cls: 'LPNListItem',
        ...

Code:

Ext.define('ptl.view.LPNListItemRenderer', {
    extend: 'Ext.dataview.component.ListItem',
    xtype: 'LPNListItemRenderer',
    cls: 'LPNListItem',
    ......

Code:

updateRecord: function(record) {
    var me = this;
    me.addCls('LPNListItem');
    this.callParent(arguments); 
    ...

addCls() on ListItem