Question

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

第一种方法

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

并且detail view是带有tpl的常规Ext.Panel。

第二种方法

但是，随Sencha Touch下载（代码navigation view example）附带的here采用了完全不同的方法。这里控制器基本上是

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新秀来说这很令人困惑。一种方法比另一种方法有什么优势？他们的成就有何不同？

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

如何使用Ext导航视图设置（标题）详细视图

0 个答案: