Don't create the listeners from within the resizable call, use the events hash to listen for the changes, then you have direct access to your view from the callbacks.
events : {
'resizestart' : 'start',
'resizestop' : 'stop',
'resize' : 'resize'
},
render: function(){
... //template and other stuff
// JQ-UI resizable
this.$el.resizable({
aspectRatio: true
});
},
start: function(e, ui) {
// alert('resizing started');
},
resize: function( event, ui ) {
// this is the View
var oldW = ui.originalSize.width;
var newW = ui.size.width;
var deltaWidth = newW - oldW;
var deltaRatio = deltaWidth/oldW;
},
stop: function(e, ui) {
// alert('resizing stopped');
}