Thanks for the reply! Do you mean like this?
Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title id="title">test</title>
<link rel="stylesheet" href="../resources/css/ext-touch.css" type="text/css">
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="../ext-touch-debug.js"></script>
<script type="text/javascript">
Ext.setup({
onReady: function() {
var map = new Ext.Map({
listeners:{
resize:function() {
console.log('resize');
}
}
});
var mainPanel = new Ext.Panel({
fullscreen: true,
layout:'fit',
items:[map],
listeners:{
resize:function() {
console.log('resize');
}
}
});
}
});
</script>
</head>
<body></body>
</html>
I still don't get any resize log messages when I do it this way.
trying to catch resize event on a panel
Reply With Quote
