1. #1
    Ext User
    Join Date
    Aug 2010
    Posts
    15
    Vote Rating
    0
    byannick is on a distinguished road

      0  

    Question open a window formPanel

    open a window formPanel


    Hi,

    I've this code:
    Code:
    Ext.onReady(function(){
        Ext.QuickTips.init();
        var tabNavigation;
        var grid;
        var accordeon;
        var windowsUserInfo;
    
        function infoUser() {
            windowsUserInfo = new Ext.FormPanel({
                labelAlign: 'top',
                title: 'Inner Tabs',
                bodyStyle:'padding:5px',
                width: 600,
                items: [{
                    layout:'column',
                    border:false,
                    items:[{
                        columnWidth:.5,
                        layout: 'form',
                        border:false,
                        items: [{
                            xtype:'textfield',
                            fieldLabel: 'First Name',
                            name: 'first',
                            anchor:'95%'
                        }, {
                            xtype:'textfield',
                            fieldLabel: 'Company',
                            name: 'company',
                            anchor:'95%'
                        }]
                    },{
                        columnWidth:.5,
                        layout: 'form',
                        border:false,
                        items: [{
                            xtype:'textfield',
                            fieldLabel: 'Last Name',
                            name: 'last',
                            anchor:'95%'
                        },{
                            xtype:'textfield',
                            fieldLabel: 'Email',
                            name: 'email',
                            vtype:'email',
                            anchor:'95%'
                        }]
                    }]
                },{
                    xtype:'tabpanel',
                    plain:true,
                    activeTab: 0,
                    height:235,
                    /*
                      By turning off deferred rendering we are guaranteeing that the
                      form fields within tabs that are not activated will still be rendered.
                      This is often important when creating multi-tabbed forms.
                     */
                    deferredRender: false,
                    defaults:{bodyStyle:'padding:10px'},
                    items:[{
                        title:'Personal Details',
                        layout:'form',
                        defaults: {width: 230},
                        defaultType: 'textfield',
    
                        items: [{
                            fieldLabel: 'First Name',
                            name: 'first',
                            allowBlank:false,
                            value: 'Jack'
                        },{
                            fieldLabel: 'Last Name',
                            name: 'last',
                            value: 'Slocum'
                        },{
                            fieldLabel: 'Company',
                            name: 'company',
                            value: 'Ext JS'
                        }, {
                            fieldLabel: 'Email',
                            name: 'email',
                            vtype:'email'
                        }]
                    },{
                        title:'Phone Numbers',
                        layout:'form',
                        defaults: {width: 230},
                        defaultType: 'textfield',
    
                        items: [{
                            fieldLabel: 'Home',
                            name: 'home',
                            value: '(888) 555-1212'
                        },{
                            fieldLabel: 'Business',
                            name: 'business'
                        },{
                            fieldLabel: 'Mobile',
                            name: 'mobile'
                        },{
                            fieldLabel: 'Fax',
                            name: 'fax'
                        }]
                    },{
                        cls:'x-plain',
                        title:'Biography',
                        layout:'fit',
                        items: {
                        xtype:'htmleditor',
                        id:'bio2',
                        fieldLabel:'Biography'
                    }
                    }]
                }],
    
                buttons: [{
                    text: 'Save'
                },{
                    text: 'Cancel'
                }]
            });
            windowsUserInfo.show(this);
        };
        var viewport = new Ext.Viewport({
    ....
    into a menu i've:
    Code:
    ...
    {
                                text: 'Editer mes informations',
                                iconCls: 'infoUser',
                                handler: function(){
                                infoUser()
                            }
    ...
    I haven't error but my window don't show.

    dow you know the error?

    Scuse my bad english and thanks by advance!

    special agree

  2. #2
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    92
    Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of Condor has much to be proud of

      0  

    Default


    You can't 'show' a panel, so you need to embed your FormPanel in an Ext.Window and show that.

Similar Threads

  1. Formpanel Submit Open New Window
    By maquejp in forum Ext 2.x: Help & Discussion
    Replies: 9
    Last Post: 7 Jun 2010, 11:28 AM
  2. Why window popup is open when FormPanel is submitted?
    By adama in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 25 Mar 2010, 1:56 AM
  3. Why window popup is open when FormPanel is submitted?
    By yakamax in forum Ext GWT: Discussion
    Replies: 2
    Last Post: 11 Nov 2009, 3:48 AM
  4. Replies: 4
    Last Post: 3 Jul 2009, 6:04 AM
  5. [Solved]open window after close wont open?
    By fxmisticat in forum Ext 2.x: Help & Discussion
    Replies: 4
    Last Post: 15 Jan 2009, 2:54 PM

Thread Participants: 1