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
    squ3lch is on a distinguished road

      0  

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

    [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 - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,714
    Vote Rating
    436
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of

      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 @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    http://www.JSONPLint.com - Source to lint your JSONP!

    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 almost in print!

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

  3. #3
    Ext JS Premium Member
    Join Date
    Oct 2009
    Posts
    80
    Vote Rating
    0
    squ3lch is on a distinguished road

      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.