You found a bug! We've classified it as EXTJS-9166 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User
    Join Date
    Mar 2010
    Location
    Ukraine
    Posts
    47
    Vote Rating
    3
    sebbio is on a distinguished road

      0  

    Default [4.2.0] constrainHeader error

    [4.2.0] constrainHeader error


    Code:
          Ext.onReady(function(){
            Ext.create('Ext.container.Viewport', {
              layout: 'border',
              disabled: false,
              items: [
                Ext.create('Ext.panel.Panel', {
                  height: 42,
                  margins: 0,
                  region: 'north',
                  baseCls: 'x-plain'
                }),
                Ext.create('Ext.panel.Panel', {
                  margins: 0,
                  region: 'center',
                  id: 'mainPanel',
                  layout: {
                    type: 'hbox',
                    align: 'stretch'
                  },
                  items:[
                    Ext.create('Ext.panel.Panel', {
                      width: 300,
                      margins: 0,
                      border: false,
                      autoScroll: true,
                      bodyStyle: 'background:#eee;',
                      items:[{
                        xtype: 'treepanel',
                        flex: 1,
                        collapsible: true,
                        titleCollapse: true,
                        margin: 10,
                        frame: true,
                        rootVisible: false,
                        lines: false,
                        listeners: {
                          itemclick: function(view,rec,item,index,e,opt){
                            rec.raw.handler(rec.id);
                          },
                          itemdblclick: function(){
                            return false;
                          }
                        },
                        title: 'Menu title',
                        store:  Ext.create('Ext.data.TreeStore', {
                          root: {
                            expanded: true,
                            children: [{
                              text: 'Open maximized window',
                              leaf: true,
                              handler: function(id){
                                Ext.create('Ext.window.Window', {
                                  autoShow: true,
                                  width: 600,
                                  height: 400,
                                  constrainHeader: true,
                                  renderTo: Ext.get('mainPanel'),
                                  maximizable: true,
                                  maximized:true,
                                  html: 'Why?',
                                  minimizable: false
                                })
                              }
                            },{
                              text: 'Open window',
                              leaf: true,
                              handler: function(id){
                                Ext.create('Ext.window.Window', {
                                  autoShow: true,
                                  width: 600,
                                  height: 400,
                                  constrainHeader: true,
                                  renderTo: Ext.get('mainPanel'),
                                  maximizable: true,
                                  maximized:false,
                                  html: 'Drag me up!',
                                  minimizable: false
                                })
                              }
                            }]
                          }
                        })
                      }]
                    }),
                    Ext.create('Ext.panel.Panel', {
                      margins: 0,
                    })
                  ]
                })
              ]
            });
          });

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,801
    Vote Rating
    834
    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

      0  

    Default


    Thanks for the report! I have opened a bug in our bug tracker.

  3. #3
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,833
    Vote Rating
    609
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    This isn't a bug. You should add the item to the container.

    Code:
    Ext.onReady(function() {
        Ext.create('Ext.container.Viewport', {
            layout: 'border',
            disabled: false,
            items: [Ext.create('Ext.panel.Panel', {
                height: 42,
                margins: 0,
                region: 'north',
                baseCls: 'x-plain'
            }), Ext.create('Ext.panel.Panel', {
                margins: 0,
                region: 'center',
                id: 'mainPanel',
                layout: {
                    type: 'hbox',
                    align: 'stretch'
                },
                items: [Ext.create('Ext.panel.Panel', {
                    width: 300,
                    margins: 0,
                    border: false,
                    autoScroll: true,
                    bodyStyle: 'background:#eee;',
                    items: [{
                        xtype: 'treepanel',
                        flex: 1,
                        collapsible: true,
                        titleCollapse: true,
                        margin: 10,
                        frame: true,
                        rootVisible: false,
                        lines: false,
                        listeners: {
                            itemclick: function(view, rec, item, index, e, opt) {
                                rec.raw.handler(rec.id);
                            },
                            itemdblclick: function() {
                                return false;
                            }
                        },
                        title: 'Menu title',
                        store: Ext.create('Ext.data.TreeStore', {
                            root: {
                                expanded: true,
                                children: [{
                                    text: 'Open maximized window',
                                    leaf: true,
                                    handler: function(id) {
                                        var win = Ext.create('Ext.window.Window', {
                                            autoShow: true,
                                            width: 600,
                                            height: 400,
                                            constrainHeader: true,
                                            maximizable: true,
                                            maximized: true,
                                            html: 'Why?',
                                            minimizable: false
                                        });
                                        Ext.getCmp('mainPanel').add(win);
                                    }
                                }, {
                                    text: 'Open window',
                                    leaf: true,
                                    handler: function(id) {
                                        var win = Ext.create('Ext.window.Window', {
                                            autoShow: true,
                                            width: 600,
                                            height: 400,
                                            constrainHeader: true,
                                            maximizable: true,
                                            maximized: false,
                                            html: 'Drag me up!',
                                            minimizable: false
                                        });
                                        Ext.getCmp('mainPanel').add(win);
                                    }
                                }]
                            }
                        })
                    }]
                }), Ext.create('Ext.panel.Panel', {
                    margins: 0,
                })]
            })]
        });
    });
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  4. #4
    Sencha User
    Join Date
    Mar 2010
    Location
    Ukraine
    Posts
    47
    Vote Rating
    3
    sebbio is on a distinguished road

      0  

    Default


    This method is not suitable because You can drag a window on a top panel. The idea is that the window can not be used to drag over the top panel.

  5. #5
    Sencha User
    Join Date
    Jun 2013
    Posts
    4
    Vote Rating
    0
    ybwantao is on a distinguished road

      0  

    Default


    Desktop examples have this problem how to modify it.
    ExtJS Version:4.2.1.883
    extjs例子bug.jpg
    Only IE browser have this problem
    Quote Originally Posted by evant View Post
    This isn't a bug. You should add the item to the container.

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi