1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    9
    Vote Rating
    0
    skumar.m226 is on a distinguished road

      0  

    Default Answered: Need help with Calculator app

    Answered: Need help with Calculator app


    Hello,

    I am new to Sencha touch and trying to develop a calculator App. How can send the value of button to text field.

    The code i have so far
    Code:
    Ext.define('MyApp.view.MyPanel', {
        extend: 'Ext.Panel',
    
    
        config: {
            items: [
                {
                    xtype: 'button',
                    id: 'one',
                    itemId: 'mybutton',
                    text: '1'
                },
                {
                    xtype: 'textfield',
                    label: 'Field'
                }
            ],
            listeners: [
                {
                    fn: 'onButtonTap',
                    event: 'tap',
                    delegate: '#one'
                }
            ]
        },
    
    
    });
    skumar

  2. You can resolve the text field with ComponentQuery:

    Code:
    onButtonTap : function(button) {
        var panel = button.up('panel'),
            field = panel.down('textfield');
    
        field.setValue(button.getText());
    }

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,330
    Answers
    3541
    Vote Rating
    846
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    You can resolve the text field with ComponentQuery:

    Code:
    onButtonTap : function(button) {
        var panel = button.up('panel'),
            field = panel.down('textfield');
    
        field.setValue(button.getText());
    }
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  4. #3
    Sencha User
    Join Date
    Mar 2012
    Posts
    9
    Vote Rating
    0
    skumar.m226 is on a distinguished road

      0  

    Default


    thanks it worked

    Quote Originally Posted by mitchellsimoens View Post
    You can resolve the text field with ComponentQuery:

    Code:
    onButtonTap : function(button) {
        var panel = button.up('panel'),
            field = panel.down('textfield');
    
        field.setValue(button.getText());
    }

Thread Participants: 1