model-view-controller - 在 Sencha Touch 2 中填充视图

Question

我想做的是弄清楚如何将变量从控制器传递给视图。

例如，假设我有一个登录屏幕，我想在其中显示应用程序版本和其他一些自定义设备信息。我将如何将该信息传递到视图中？

Ext.define('MyApp.view.Login', {
    extend: 'Ext.form.Panel',
    xtype: 'loginform',
    config: {
        items: [
             { 
                 xtype: 'label', 
                 cls: 'appVersion', 
                 html: 'Version #:' + versionNumber 
             }
        ]
    }
});

另外，如果我使用 tpl 而不是 html 会有多大不同？

谢谢你的帮助！

Answer 1

您始终可以在创建视图期间传递数据，如下所示：

var loginPanel = Ext.create('MyApp.view.Login', {
    ver : versionNumber    // any value or data you want to pass
});

为此，您可能必须ver在视图的配置中定义

Ext.define('MyApp.view.Login', {
  extend: 'Ext.form.Panel',
  xtype: 'loginform',
  config: {
    ver : '',  // Initialize with empty string
    items: [
         { 
             xtype: 'label', 
             cls: 'appVersion', 
             html: 'Version #:' + versionNumber 
         }
    ]
  }
});

使用所需值创建后，您可以将其添加到您想要的任何位置

Ext.Viewport.add(loginPanel);

Answer 2

为此，您始终可以使用 PhoneGap (Cordova)：http ://docs.phonegap.com/en/2.3.0/cordova_device_device.md.html#Device

此外，使用 html 或 tpl 也可以。