Results 1 to 3 of 3

Thread: [4.1.0 b2,3] Window button problem when window is not resizeable

    Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Ext JS Premium Member
    Join Date
    Oct 2009
    Posts
    80
    Vote Rating
    0
      0  

    Default [4.1.0 b2,3] Window button problem when window is not resizeable

    Ext version tested:
    • Ext 4.1.0b2, b3, rc1(nightly 27 feb, 28 feb)

    Browser versions tested against:
    • IE9
    • FF10

    DOCTYPE tested against:
    • No DOCTYPE specified

    Description: Window buttons are rendered then disappear if the window has the property resizable:false.

    Test Case:

    app.js
    Code:
     Ext.application({
         name: 'IGM',
         
         controllers:[
              "Login"
         ],
         
         launch: function() {
              loginWindow = Ext.create('IGM.view.login.LoginWindow', {});
              loginWindow.show();
         }
    });
    Login.js [controller]
    Code:
     Ext.define('IGM.controller.Login', {
         extend: 'Ext.app.Controller',
         views: ['login.LoginWindow']
         
    });
    LoginWindow.js [view]
    Code:
     Ext.define('IGM.view.login.LoginWindow', {
         extend: 'Ext.window.Window',
         //Comment out the line below to correct the problem
         resizable: false,
         width:350,
         height:150,
         items: [
              new Ext.form.field.Text({
                   fieldLabel:'Test'
              })
         ],
         buttons:[
              {
                   text:'Login',
                   handler:function(){
                        
                   }
              }
         ]
         
    });

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,554
    Vote Rating
    1272
      0  

    Default

    With IE9, the Login button is always shown with your code.

    One thing I do want to note is you shouldn't create a text field like that in a class definition. This is much better:

    Code:
    Ext.define('IGM.view.login.LoginWindow', {
        extend : 'Ext.window.Window',
        //Comment out the line below to correct the problem
        resizable : false,
        width     : 350,
        height    : 150,
        items     : [
             {
                 xtype      : 'textfield',
                 fieldLabel : 'Test'
             }
        ],
        buttons : [
             {
                  text : 'Login'
             }
        ]
    });
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  3. #3
    Ext JS Premium Member
    Join Date
    Oct 2009
    Posts
    80
    Vote Rating
    0
      0  

    Default

    Thanks for the advice, but I've given you my exact code and in FF10 and IE9 the button displays for a brief instant and then disappears. Oh well.

Posting Permissions

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