dhtmlxwindows窗口介绍

1. 引入必要文件

1. <link rel="stylesheet" type="text/css" href="path /dhtmlxwindows.css">
2. <link rel="stylesheet" type="text/css" href="path /dhtmlxwindows_dhx_skyblue.css">
3. <script src="path /dhtmlxcommon.js"></script>
4. <script src="path /dhtmlxcontainer.js"></script>
5. <script src="path /dhtmlxwindows.js"></script>

2. 简单使用

1. // 创建窗口
2. var win = dhxWins.createWindow(String id, int x, int y, int width, int height);
3. // 设置窗口标题
4. dhxWins.window(id).setText(String text);
5. // 允许/拒绝改变大小
6. dhxWins.window(id).allowResize();
7. dhxWins.window(id).denyResize();
8. // 允许/拒绝移动窗口
9. dhxWins.window(id).allowMove();
10. dhxWins.window(id).denyMove();
11. // 显示/隐藏/可用/禁用窗口按钮
12. // 'help'-帮助按钮 'minmax1'-最大化按钮 'minmax2'-最小化按钮 'close'-关闭按钮
13. dhxWins.window(id).button("close").hide();
14. dhxWins.window(id).button("park").show();
15. dhxWins.window(id).button("minmax1").disable();
16. dhxWins.window(id).button("minmax2").enable();
17. // 请求页面
18. dhxWins.window(id).attachURL(url);
19. // 关闭窗口
20. dhxWins.window(id).close();

3.父页面关闭窗口

1.     function closewin(){//关闭窗口
2.         window.parent.dhxWins.window('w1').close();
3.      }