Variables - where to put

[tyladurdan]

I understand that having global variables in Architect is not recommended, but I'm not sure how else to approach this.

If I have a dataview with a this.popup on itemtap, where is best to define my variables for the different youtube links that will appear on popup?

It seems that Architect ignores any variables if I place them just before adding the popup. I've also tried declaring these variables in a separate .js file but it still doesn't help.


What am I doing wrong? Here is an example with the hardcoded variable Item0 but in the console it says 'Error: [ERROR][Ext.Container#factoryItem] Invalid config, must be a valid config object'.


Here's the code:

onDataviewItemTap: function(dataview, index, target, record, e, options) {
console.log('Item' + index);


var Item0 = '<iframe width="560" height="315" src="http://www.youtube.com/embed/lak2jahkckE" frameborder="0" allowfullscreen></iframe>';


this.popup = Ext.Viewport.add({
    xtype: 'sheet',
    title: 'test',
    items: [Item0],
    autoRemoveOnHide : true,
    modal: true,
...etc.

[mitchellsimoens]

items need to be config objects not strings

[smokeman]

I had some google maps globals I had to use, so under a launch() function for application, I simply define variables there.

launch:function(){
ApplicationName.variable = x;

ApplicationName.somefunction = function(){

}

ApplicationName.xtemplate = new Ext.XTemplate('<a href = {link}',{compiled:true});
}