Titanium JavaScript modules

A collection of JavaScript Modules for Titanium mobile

• TabbedBar
• getJSON

TabbedBar

The tabbedBar module looks and behaves almost exactly like the native iOS element (same options, event listeners etc.). In fact the module will also create the iOS tabbedBar, so it can be used in code that is shared across platforms.

Example

Usage

Use this module like you would use the native iOS tabbedBar:

Titanium

vartb=require("/path_to_module");varbar=tb.createTabbedBar({labels:["Tab 1","Tab 2","Tab 3"],index:0,selectedColor: "#ffffff",tintColor: "#007AFF",top:10,width:"90%"});//set the labels and index programattically after creationbar.labels=['one','two','three'];//alternatively use bar.setLabels()bar.index=2;//alternatively use bar.setIndex()//get the labels and index after creationalert(bar.labels);//alternatively use bar.getLabels()alert(bar.index);//alternatively use bar.getIndex()

Alloy

<TabbedBarmodule="filename_in_lib_folder">
<Labels>
<Label>One</Label>
<Label>Two</Label>
<Label>Three</Label>
</Labels>
</TabbedBar>

The following additional options are available for android:

• barBorderWidth (width of the border)
• selectedColor (text color for the selected tab)
• color (text color - same as tintColor if undefined)
• font (font for the buttons)

getJSON

The getJSON module provides a function similar to the jQuery getJSON with the addition of an error callback

Usage

getJSON(url, dataObject, callback, errorCallback);

Example

varmod=require("/data/getJSON");mod.getJSON("http://api.openweathermap.org/data/2.5/weather",{q:"munich, de"},callback,errorCallback);functioncallback(res){Ti.API.info("getJSON response: "+res.weather[0].description);}functionerrorCallback(err){Ti.API.info(err.error);}