Results 1 to 2 of 2

Thread: On render Ext.window

  1. #1

    Default On render Ext.window

    Hello ,


    How can I view a Ext.window only when it is fully loaded because currently I instantiate a window at startup of my gui but it appears little by little

    I instantiate my window with this :
    Code:
    Opp.Login = new Window.Login();
    Opp.Login.show();
    My Window :

    Code:
    Window.Login = Ext.extend(Ext.Window, {
                constructor: function(config){
         
        var loginForm = new Ext.form.FormPanel({
                  bodyStyle: 'padding:8px;background:transparent;'
                 ,border : false
                 ,autoDestroy : true
                 ,id : 'login-form'
                 ,stateful: true
                 ,items: [ Window.Combo,
                 { xtype: 'textfield', id: 'password',msgTarget:'side',fieldLabel: 'Password',allowBlank:false,width : 200,inputType: 'password'}],
                 buttons: [{text: 'Login',handler: function() { Call.init('Login'); } },
                 ]
                 ,keys: [
                    { key: [Ext.EventObject.ENTER], handler: function() {
                        Call.init('Login');
                            }
                        }
                    ]         
        
            });
            
         config = Ext.apply({
             
             
             title: 'Authentification IHM',
             layout: 'form',
             autoDestroy : true,
             id:'lock', 
             bodyStyle: 'padding:15px;background:transparent;',
             width: 390,
             Height: 170,
             closeAction: 'hide', 
             modal : true,
             border: false,
             closable: false,
             resizable: false,                              
             draggable: false,
             items: [loginForm]
                     
               
        
        
    }, config);
    
    Window.Login.superclass.constructor.call(this, config);
          }
    });

    Thanks you


    Osmancorp

  2. #2
    Sencha User laurentParis's Avatar
    Join Date
    Aug 2010
    Location
    paris
    Posts
    246

    Default

    try this solution :

    set your form with
    PHP Code:
    hiddentrue,... 
    and add afterShow method for your Window.Login, to show form only after rendered
    PHP Code:
    afterShow: function (isAnim) {
      
    Window.Login.superclass.afterShow.call(thisisAnim);
      
    Ext.getCmp('login-form').show();


Similar Threads

  1. Ext.Window bad render in IE7
    By samotnik in forum Ext 3.x: Help & Discussion
    Replies: 5
    Last Post: 24 Jun 2010, 6:04 AM
  2. [Resolved]Render data from a Store, inside Ext.Window ext3.0.0
    By pjamrisk in forum Ext 3.x: Help & Discussion
    Replies: 3
    Last Post: 26 Jan 2010, 2:40 AM
  3. render Ext.FormPanel to Ext.Window
    By aedemo in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 27 Aug 2008, 11:18 AM
  4. Removing Initial Ext.Window Render Delay?
    By mdm-adph in forum Ext 2.x: Help & Discussion
    Replies: 14
    Last Post: 17 Apr 2008, 10:50 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •