Search code examples
androidtitanium

How to create registration form in Titanium using android and pass data to another form?


Please give me idea how to create a registration form in titanium and pass fill up the registration data from that form to another form .


Solution

  • Following is a sample code for registration. I have created an additional file 'success.js' in the resource folder, shows the second window. Please try the following code

    Write these line in the app.js file

    var win1 = Ti.UI.createWindow({
     width : 'auto',
     height: 'auto',
     backgroundColor : '#FFFFFF'
    });
    
    var txtName = Ti.UI.createTextField({
     top   : '25%',
     width : '75%',
     height: '35',
     hintText : 'Name'
    });
    
    win1.add(txtName);
    
    var txtAddress = Ti.UI.createTextField({
     top   : '35%',
     width : '75%',
     height: '40',
     hintText : 'Address'
    });
    
    win1.add(txtAddress);
    
    
    var btnRegister = Ti.UI.createButton({
     top : '55%',
     width : '50%',
     height : '35',
     title  : 'Register'
    });
    
     win1.add(btnRegister);
    
     win1.open();
     btnRegister.addEventListener('click', function(){
    
     var win2 = Ti.UI.createWindow({
      width : 'auto',
      height: 'auto',
      backgroundColor : '#FFFFFF',
      url  : 'success.js'
    });
    
     win2.name = txtName.value;
     win2.address = txtAddress.value; 
     win2.open();
    });
    

    // Write the following lines in the success.js file

    var win2 = Ti.UI.currentWindow;
    
    var name = win2.name;
    var address = win2.address;
    var lblName = Ti.UI.createLabel({
      top  : '30%',
      width : '75%',
      height : 'auto',
      color  : 'yellow',
      backgroundColor : 'blue',
      text : name,
      textAlign : 'center'
     });
    
    var lblAddress = Ti.UI.createLabel({
      top  : '40%',
      width : '75%',
      height : 'auto',
      color  : 'yellow',
      backgroundColor : 'blue',
      text : address,
      textAlign : 'center'
     });
    
     win2.add(lblName);
     win2.add(lblAddress);
    

    now complile the code and run. It worked with me. Try it