Question

I’m trying to do is figure out how to pass in variables to a view from a controller.

For example, let’s say I have a login screen where I want to display the application version and the some other custom device information. How would I go about passing that info into the view?

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

Also how much different would it be if I used tpl instead of html ?

Thanks for any help!

Answer 1

You can always pass data during view creation like this:

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

for that you might have to define ver in your view’s config

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 
         }
    ]
  }
});

Once created with required value you can add it anywhere you want

Ext.Viewport.add(loginPanel);