0

名前と住所の2つのテキストフィールドとDateTimePickerを備えたフォームページを作成しようとしているチタン初心者のImです。私は今2つの問題に直面しています：

1）DateTimePickerは正常に表示されますが、両方を含め、2つのテキストフィールドを同じウィンドウに同じ送信ボタンで表示したいと思います。

2）何度も試しましたが、1ページに作成しただけでも、単純なテキストフィールドを作成できず、表示されません。誰かが建設的な助けを提供できますか？

前もって感謝します。以下は私の現在のコードです。

var winTimePicker = Titanium.UI.createWindow（{}）; winTimePicker.backgroundColor='黒';

var doneBtn = Ti.UI.createButton({
    title: 'Done',
});

doneBtn.addEventListener('click', function() {
    winTimePicker.hide();
});

winTimePicker.add(doneBtn);

var timePicker = Ti.UI.createPicker({
    type:Ti.UI.PICKER_TYPE_TIME,
    bottom:0,
});


// turn on the selection indicator (off by default)
timePicker.selectionIndicator = true;

timePicker.addEventListener('change', function(e) {
    //your code
});

winTimePicker.add(timePicker);


//open window
winTimePicker.open();

var winDatePicker = Titanium.UI.createWindow（{}）; winDatePicker.backgroundColor='黒';

var doneBtn = Ti.UI.createButton({
    title: 'Done',
});

doneBtn.addEventListener('click', function() {
    winDatePicker.hide();
});

winDatePicker.add(doneBtn);

var datePicker = Ti.UI.createPicker({
    type:Ti.UI.PICKER_TYPE_DATE,
    bottom:0,
});


// turn on the selection indicator (off by default)
datePicker.selectionIndicator = true;

datePicker.addEventListener('change', function(e) {
    //your code
});

winDatePicker.add(datePicker);


//open window
winDatePicker.open();

var textField = Titanium.UI.createTextField（{color：'＃336699'、width： "auto"、height： "auto"、borderStyle：Titanium.UI.INPUT_BORDERSTYLE_ROUNDED、}）;

var textField2 = Titanium.UI.createTextField（{color：'＃336699'、width： "auto"、height： "auto"、borderStyle：Titanium.UI.INPUT_BORDERSTYLE_ROUNDED、}）;

4

1 に答える 1

2

このコードを確認し、適切と思われる場合は変更を加えてください。

var timePickerWin = Ti.UI.createWindow({
            navBarHidden : true,
            backgroundColor : '#fff'
        });

var startTime = Ti.UI.createPicker({
        top : '15dp',
        left : '50dp',
        useSpinner : false,
        selectionIndicator : true,
        type : Ti.UI.PICKER_TYPE_TIME,
        format24 : false,
        height : '130dp',
        //  width:'auto'

    });


 var endTime = Ti.UI.createPicker({
            top : '15dp',
            left : '50dp',
            useSpinner : false,
            selectionIndicator : true,
            type : Ti.UI.PICKER_TYPE_TIME,
            format24 : false,
            height : '130dp'
        });

var nextButton = Ti.UI.createButton({
            width : '220dp',
            height : '45dp',
            top : '15dp',
            title : 'Next',
            backgroundColor : '#294079',
            font : {
                fontSize : '18dp',
                fontWeight : 'bold'
            },
            color : '#fff'
        });

startTime.addEventListener('change', function(e) {
        //alert("User selected date: " + e.value);
        startPickerValue = e.value;
    });

    endTime.addEventListener('change', function(e) {
        //alert("User selected date: " + e.value);
        endPickerValue = e.value
    });
var fullNameTextBox = Ti.UI.createTextField({
        borderStyle : Titanium.UI.INPUT_BORDERSTYLE_ROUNDED,
        width : '275dp',
        height : '45dp',
        //value : '',
        top : '15dp',
        color : '#000000',
        hintText : 'Enter full name'
        //  backGroundColor:'gray',

    });
    var emailTextBox = Ti.UI.createTextField({
        borderStyle : Titanium.UI.INPUT_BORDERSTYLE_ROUNDED,
        width : '275dp',
        height : '45dp',
        //value : '',
        top : '15dp',
        color : '#000000',
        hintText : 'Enter email'

    });

最後に、これらすべてのUI要素をウィンドウに追加します。ウィンドウはadd関数を使用してtimePickerWinです。

timePickerWin.add(startTime);

すべてのUI要素についても同様です。その後、以下のようにtimePickerWinを開きます。

timePickerWin.open()

各要素の左、右、高さ、幅のプロパティを変更して、適切なレイアウト変更を行います。

于 2012-06-27T06:53:13.083 に答える