0

私はまったくの初心者で、最初のアプリを開発しようとしています。Lynda.com.Titanium.Mobile.App.Development.Essential.Training に参加しました。

その後、達成したいこと、基本的にはマルチセレクターを描きます。主なフィールドは次のとおりです。

大陸、国、州、飛行場、緯度、経度

動的にリンクされた

だから私はグーグルを始め、次のコードの平和を見つけました:

var win = Ti.UI.createWindow();
{//ピッカー

var picker = Ti.UI.createPicker({
    selectionIndicator: true
});

var data = [
    {country: 'US', cities: ['Miami', 'Orlando', 'LA', 'Ny']}, 
    {country: 'Canada', cities: ['Toronto', 'Ottawa', 'Quebec']}, 
    {country: 'UK', cities: ['London', 'York', 'Oxford', 'Bath']}
];
var rows = [];
for (var i = 0; i < data.length; i++){
    var row = Ti.UI.createPickerRow({
        title: data[i].country,
        cityArray: data[i].cities
    });

    rows.push(row);

}
picker.add(rows);

picker.addEventListener('change', function(e){
    Ti.API.info(e.row.title);
    Ti.API.info(e.row.cityArray);
})   

win.add(ピッカー);
}
win.open();

しかし、私はそれが正常に機能しているとは思いません.2番目のピッカー、ヘルプ、提案、ポインタが表示されませんか?

乾杯

4

1 に答える 1

-2

コードにいくつかの構文エラーがあります。

var win = Ti.UI.createWindow();

var picker = Ti.UI.createPicker({
    selectionIndicator: true
});
var column1 = Ti.UI.createPickerColumn();
var column2 = Ti.UI.createPickerColumn();

var data = [
    {country: 'US', cities: ['Miami', 'Orlando', 'LA', 'Ny']}, 
    {country: 'Canada', cities: ['Toronto', 'Ottawa', 'Quebec']}, 
    {country: 'UK', cities: ['London', 'York', 'Oxford', 'Bath']}
];

for (var i = 0; i < data.length; i++){
    var row1 = Ti.UI.createPickerRow({
        title: data[i].country,

    });
    column1.addRow(row1);
}

for (x in data[0])
{
    var row2 = Ti.UI.createPickerRow({
        title: data[0][x].val,

    });
    column2.addRow(row2)
 }

picker.add([column1,column2]);

picker.addEventListener('change', function(e){
    Ti.API.info(e.row.title);
    Ti.API.info(e.row.cityArray);
});

win.add(picker);

win.open();

コードを少し修正しました。

これにより、完全な左側のピッカーと、2 番目のピッカーの最初の都市のオプションが返されます。

イベント リスナーは、最初の変更時に 2 番目のピッカーを変更する必要があります。

「列」が追加されていることに注意してください。

また、いくつかの構文エラーをクリーンアップしました。

私はこのコードをテストしていませんが、正しい方向に導くはずです。

また、これは役立つはずです:http://docs.appcelerator.com/titanium/2.0/#!/api/Titanium.UI.Picker

于 2012-05-07T17:35:43.333 に答える