Search code examples
javascriptextjsextjs4

How to call a function on when a grid is resized in Ext js 4.0?

How to call a function on when a grid is resized in Ext js 4.0?

I am trying something like this but it ain't working.

Ext.define('App.view.EDM.DataModelling.Entity.entitySymbol' ,{
extend: 'Ext.grid.Panel', 
alias   : 'widget.entitySymbol',
title:'Entity',
ddGroup : 'GridDDGroup',
hideHeaders : true,
stripeRows : false,
resizable : {
    resize : function(e ) {
        alert("hi1");
    },
    resizedrag : function(e ) {
        alert("hi2");
    },
    beforeresize : function(e ) {
        alert("hi3");
    }

    },  
floating:true,
draggable : true,   
loadMask : true,
height: 180,
width: 160

});

None of this is working.

Solution

  • You should add a listener to resize event

    ...
stripeRows : false,
listeners:{
  resize: function(this, width, height, oldWidth, oldHeight, eOpts){
     alert("hi4");
  }
},
...