1

使用 Ext 导航视图设置详细视图（标题）的正确方法是什么？

第一种方法

在Sencha 列表教程（视频）中，控制器执行

this.getMain().push({
  xtype: 'presidentdetail',
  title: record.fullName(),
  data: record.getData()
});

详细视图Ext.Panel是带有 tpl的常规视图。

第二种方法

但是，Sencha Touch 下载附带的导航视图示例（此处的代码）采用了完全不同的方法。这里控制器基本上是

this.showContact = Ext.create('AddressBook.view.contact.Show');
this.showContact.setRecord(record);
this.getMain().push(this.showContact);

并且详细视图包含很多我不理解的代码（还）

Ext.define('AddressBook.view.contact.Show', {
  extend: 'Ext.Container',
  ...
  config: {
    title: 'Information',
    baseCls: 'x-show-contact',
    layout: 'vbox',

    items: [
      {
        id: 'content',
        tpl: ...
      },
      ...
  },
  updateRecord: function (newRecord) {
    if (newRecord) {
      this.down('#content').setData(newRecord.data);
       ..
    }
  }
});

混乱

对于像我这样的 Sencha/Ext 菜鸟来说，这令人困惑。一种方法比另一种方法有什么优势？他们取得的成就有何不同？

第一种方法更新控制器中详细视图的标题（实际上是导航栏中的标题）。我还没有发现如何使用第二种方法来做同样的事情。有什么提示吗？

4

0 回答 0