The complete source code for this recipe can be found in the /Chapter 1/Recipe 7 folder.

Under the declaration for your second window (win2) in your app.js file, add the following additional property called autoShowChart and set it to false. This is a custom property, that is, a property not already defined by the Titanium API. It is often handy to add additional properties to your objects if you require certain parameters that the API does not provide by default:

//
//////set the initial value of win2's custom property
win2.autoShowChart = false;

Now in the window2.js file that holds all of the sub components for your second window, add the following code extending the existing Switch control so it can update the referenced window's autoShowChart variable:

//create the switch object
var switchChartOption = Titanium.UI.createSwitch({
  right: 20,
  top: 20,
  value: false
});

//add the event listener for the switch when it changes
switchChartOption.addEventListener('change', function(e){
  win2.autoShowChart = switchChartOption.value;
});

//add the switch to the view
view.add(switchChartOption);

This code is actually pretty straightforward. When an object is created in Titanium, all of the standard properties are accessible in a dictionary object of key-value pairs. All we are doing here is extending that dictionary object to add a property of our own.

We can do this in one of the two ways. First, as shown in our recipe's source code this can be done after the instantiation of the Window (win2) object. Second, it can also be done immediately within the instantiation code. In the source code of the second window, we are simply referencing this same object, so all of its properties are already available for us to read from and write to.

There are other ways to pass and access objects and variables between Windows, including the use of App Properties. These will be covered in a later chapter.