Title: Window after collapse
Post by: Wojak on October 13, 2022, 02:25:23 AM
Hi,
I am struggling with the problem that when I want to collapse a window, the background of the window remains, but the content collapses
Best regards
Title: Re: Window after collapse
Post by: jarry on October 13, 2022, 07:32:39 PM
Please show an example to demonstrate your issue.
Title: Re: Window after collapse
Post by: Wojak on October 13, 2022, 11:32:14 PM
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Error window</title>
<link rel="stylesheet" type="text/css" href="assets/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="assets/themes/icon.css">
<script type="text/javascript" src="assets/jquery.min.js"></script>
<script type="text/javascript" src="assets/jquery.easyui.min.js"></script>
</head>
<body>
<div id="test-window-1" class="easyui-window" title="NORMAL" style="padding:0px;"></div>
<div id="test-window-2" class="easyui-window" title="BUG" style="padding:0px;"></div>
<div id="test-window-3" class="easyui-window" title="BUG" style="padding:0px;"></div>
<script>
$('.easyui-window').window({
collapsible: true,
minimizable: false,
maximizable: false,
closable: true,
closed: true
});
$(function() {
// Works fine
$('#test-window-1').window({ height: '200px', width: '200px' });
$('#test-window-1').window('vcenter');
$('#test-window-1').window('open');
// Bugged but after resize by user is working correctly
$('#test-window-2').window({ height: '200px', width: '200px' });
$('#test-window-2').window({ title: 'BUGGED' });
$('#test-window-2').window('vcenter');
$('#test-window-2').window('open');
// Works fine with changed title
$('#test-window-3').window({ title: 'NOT BUGGED' });
$('#test-window-3').window({ height: '200px', width: '200px' });
$('#test-window-3').window('vcenter');
$('#test-window-3').window('open');
});
</script>
</body>
</html>
Title: Re: Window after collapse
Post by: jarry on October 14, 2022, 12:56:38 AM
Can't reprduce the issue as you described. <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Basic Window - jQuery EasyUI Demo</title>
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/icon.css">
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.min.js"></script>
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
</head>
<body>
<div id="test-window-1" class="easyui-window" title="NORMAL" style="padding:0px;"></div>
<div id="test-window-2" class="easyui-window" title="BUG" style="padding:0px;"></div>
<div id="test-window-3" class="easyui-window" title="BUG" style="padding:0px;"></div>
<script>
$('.easyui-window').window({
collapsible: true,
minimizable: false,
maximizable: false,
closable: true,
closed: true
});
$(function() {
// Works fine
$('#test-window-1').window({ height: '200px', width: '200px' });
$('#test-window-1').window('vcenter');
$('#test-window-1').window('open');
// Bugged but after resize by user is working correctly
$('#test-window-2').window({ height: '200px', width: '200px' });
$('#test-window-2').window({ title: 'BUGGED' });
$('#test-window-2').window('vcenter');
$('#test-window-2').window('open');
// Works fine with changed title
$('#test-window-3').window({ title: 'NOT BUGGED' });
$('#test-window-3').window({ height: '200px', width: '200px' });
$('#test-window-3').window('vcenter');
$('#test-window-3').window('open');
});
</script>
</body>
</html>
Title: Re: Window after collapse
Post by: Wojak on October 14, 2022, 01:42:00 AM
I keep getting the same error after using the code you provided
Title: Re: Window after collapse
Post by: jarry on October 16, 2022, 05:55:42 AM
Please try to update to the newest version.
Title: Re: Window after collapse
Post by: Wojak on October 17, 2022, 06:21:08 AM
Fixed
|