1. #1
    Sencha User
    Join Date
    Jan 2012
    Posts
    39
    Answers
    1
    Vote Rating
    0
    Roman2012 is on a distinguished road

      0  

    Default Unanswered: Getting values from a form using xtype:formpanel

    Unanswered: Getting values from a form using xtype:formpanel


    Hi,
    I've trying to create a TabPanel which includes a FormPanel and a Fieldset and then retrieve the values using a button.
    All is working great - but I can't get the values from the form.

    Please help

    Here is the code

    Code:
    Ext.create('Ext.TabPanel', {            fullscreen: true,
                tabBarPosition: 'bottom',
                items: [
                    {
                        xtype: 'formpanel',
                        iconCls: 'home',
                        name: 'loginform',
                        id: 'loginform',
                        title: 'Home',
                        standardSubmit: false,
                        items: [
                            {
                                xtype: 'fieldset',
                                title: 'Login',
                                items: [
                                    {
                                        xtype: 'emailfield',
                                        name: 'email',
                                        label: 'Email'
                                    },
                                    {
                                        xtype: 'passwordfield',
                                        name: 'password',
                                        label: 'Password'
                                    }
                                ]
                            },
                            {
                                xtype: 'button',
                                width: '50%',
                                align: 'center',
                                text: 'Login',
                                ui: 'confirm',
                                handler: function () {
                                    var values = loginform.getValues();
                                    alert('Email' + values['email']);
                                }
                            }
                        ]
                    },
                    {
                        title: 'Exercises',
                        iconCls: 'search',
                        html: ['Exercises'].join(""),
                        style: 'text-align: center;'
                    },
                    {
                        xtype: 'toolbar',
                        docked: 'top',
                        title: 'LMobile'
                    }
                ]
            });
    Thank you!


  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,347
    Answers
    3542
    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

      1  

    Default


    Does loginform resolve to your form? You can do this to do that:

    Code:
                            {
                                xtype: 'button',
                                width: '50%',
                                align: 'center',
                                text: 'Login',
                                ui: 'confirm',
                                handler: function (btn) {
                                    var loginform = btn.up('formpanel'),
                                        values    = loginform.getValues();
    
                                    alert('Email' + values['email']);
                                }
                            }
    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.

Thread Participants: 1

Tags for this Thread