If I have something like this:
PHP Code:
var container Ext.create('Ext.container.Container', {
    
plain:true,
    
width 300,
    
height300,
    
html'Super',
    
cls:'container',
    
renderTo:Ext.getBody(),
    
draggable:true,
    
closable:false,
    
resizable:{
        
pinned:true,
        
dynamic:true
    
}
}).
center(); 

the container is "resizable", but will only resize on the right and bottom (south, east) side. If I resize the container on the left or top side, the container will not move, it stands on the same position. How to deal with that? If I take a window it change the position too.For example:


PHP Code:
var win Ext.create('Ext.window.Window', {
    
plain:true,
    
width 300,
    
height300,
    
html'Super',
    
cls:'container',
    
renderTo:Ext.getBody(),
    
draggable:true,
    
closable:false,
    
resizable:{
        
pinned:true,
        
dynamic:true
    
}
}).
center().show(); 

Does the job. But I will use a container. How to do this?