titanium开发教程-02-05创建单行的选择器

var win = Titanium.UI.createWindow({
title:"Creating a Single-Column Picker",
backgroundColor:"#FFF",
exitOnClose:true
});

//A single column picker
var picker = Titanium.UI.createPicker({
bottom:0,
selectionIndicator:true //This is the blue translucent window (on iOS) that indicates the current selection
});

//A picker requires an array of pickerRow objects
var data = [];	//Create an array; next, fill with pickerRow objects
data[0] = Titanium.UI.createPickerRow({title:"Backpack Cal", val:"Hiking"}); //Create a new picker row with the minimum of a title property (text that is displayed to the user; the other properties are custom and drawn up in the event listener)
data[1] = Titanium.UI.createPickerRow({title:"California Calm", val:"Resting"});
data[2] = Titanium.UI.createPickerRow({title:"California Hotsprings", val:"Bathing"});
data[3] = Titanium.UI.createPickerRow({title:"Cycle California", val:"Biking"});

//Now, we need add the pickerRow objects in the data array to the picker
picker.add(data);

//This label contains text that will change with each picker change
var results = Titanium.UI.createLabel({
text:"Select from the picker below",
height:40,
width:"auto",
top:20
});

//When using a picker, listen for the "change" event
picker.addEventListener("change", function(e){
results.text = e.row.title + ": " + e.row.val; //Pull the title and val properties from the selected pickerRow object (accessed via e.row)
});

win.add(picker);
win.add(results);

win.open();