Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Hoanh on Oct 01, 2009 07:57
open dhtmlx forum
dhtlmXLayout onResizeFinish event does not fire

I have just upgraded to your latest dhtmlx Suite (version 2.5 pro) and found that the dhtmlXLayout no longer trigger the onResizeFinish event. Has this event been deprecated in the latest version? If so is there another event to replace this one?
I used the following web page code to test for the event and as far as I can see only the onPanelResizeFinish event is triggered.

I would appreciate a quick answer to this as I would like to deploy the update to fix a number of issues with the previous version.

Thank you in advance.

Yours sincerely,
Hoanh Lam

----- Begin html section -----

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>

<link href="DHTMLX/codebase/dhtmlxlayout.css" rel="stylesheet" type="text/css" />
<link href="DHTMLX/codebase/skins/dhtmlxlayout_dhx_blue.css" rel="stylesheet" type="text/css" />

<script language="javascript" src="DHTMLX/codebase/dhtmlxcommon.js" type="text/javascript"></script>

<script language="javascript" src="DHTMLX/codebase/dhtmlxcontainer.js" type="text/javascript"></script>

<script language="javascript" src="DHTMLX/codebase/dhtmlxlayout.js" type="text/javascript"></script>

<script type="text/javascript">
function testStart() {
var dhxLayout = new dhtmlXLayoutObject(document.body, "3T", "dhx_blue");
var hdr = document.getElementById('header');
var lft = document.getElementById('leftContent');
var main = document.getElementById('mainContent');
dhxLayout.cells('a').attachObject(hdr);
dhxLayout.cells('a').setHeight(155);
dhxLayout.cells('b').attachObject(lft);
dhxLayout.cells('c').attachObject(main);
dhxLayout.cells('c').setWidth(400);
dhxLayout.attachEvent('onResizeFinish', function() { alert("Window resized") });
dhxLayout.attachEvent('onPanelResizeFinish', function() { alert("Panel resized") });
}

</script>
</head>
<body style="width:100%;height:100%; overflow: hidden;" onload="testStart()">
<div id="header"><b>Header</b></div>
<div id="leftContent"><b>Left content</b></div>
<div id="mainContent"><b>Main content</b></div>
</body>
</html>

----- End section -----
Answer posted by Alex (support) on Oct 12, 2009 07:16

Hello, 

the event was missed by mistake. The latest dhtmlxlayout.js is attached.

Attachments (1)
dhtmlxlayout.zip17.89 Kb