在视图上前进后，Ext.List会混淆行并显示？

Question

我有一个导航视图，其中包含一个包含项目列表的列表视图，当您单击该项目时，它会推送一个新的列表详细信息页面。一切都很好，花花公子，但当我回到上一个列表时，它显示出所有混乱。

我在Webkit和Mobile webkit浏览器中对此进行了测试，结果是一样的。我正在寻找任何可能的反馈或建议，这些反馈或建议可能指向我a）解决问题或b）在发生这种情况时重新绘制窗口以便自我纠正。

示例：

导航视图：

Ext.define('CA.view.speaker.Card', {
  extend: 'Ext.NavigationView',
  xtype: 'xSpeakerCard',

  config: {
    title: "Speakers",
    iconCls: "team",
    autoDestroy: false,

    items: [
      { xclass: 'CA.view.speaker.List' }
    ]
  }

});

列表视图：

Ext.define('CA.view.speaker.List', {

  extend: 'Ext.List',
  xtype: 'xSpeakerList',

  config: { 
    title: "Speaker List",
    store: "Speakers",
    fullscreen: true, 
    grouped: true,
    indexBar: true,
    itemTpl: [
        '{first_name} {last_name}'
    ]
  }
});

正在推送细节视图：

Ext.define('CA.view.speaker.Detail', {

  extend: 'Ext.Container',
  xtype: 'xSpeakerDetail',

  config: {
    layout: 'vbox',
    scrollable: 'vertical',
    title: '',
    items: [
      { 
      xtype: 'xSpeakerDetailInfo', 
      docked: 'top' 
    },
    { 
      xtype: 'list', 
      store: 'SpeakerSessions',
      id: 'speaker-detail-info-session-list',
      flex: 3,
      itemTpl: [
        '{title}'
      ],
      items: [ 
        { 
        xtype: 'listitemheader', 
        cls: 'dark',
        html: 'Sessions'
      }
      ]
    }
    ]
  }

});