extjs - 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'
      }
      ]
    }
    ]
  }

});