DHTMLX-Windows

dhtmlxWindows窗口,允许用户使用几个窗户并允许windows重叠,并提供对用户执行标准操作,比如移动/调整窗口大小,发送窗口的前景/背景,最小化/最大化一个窗口,改变窗口位置。

第一个例子

代码

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Minimal init</title>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  7.     <link rel="stylesheet" type="text/css" href="../../../codebase/dhtmlx.css"/>
  8.     <script src="../../../codebase/dhtmlx.js"></script>
  9.     <script>
  11.         var dhxWins
  13.         function doOnLoad() {
  14.             dhxWins = new dhtmlXWindows();
  15.             // 创建窗口
  16.             dhxWins.attachViewportTo("winVP");
  17.         }
  19.         var idPrefix = 1;
  20.         // 创建
  21.         function createWindow() {
  22.             var p = 0;
  23.             dhxWins.forEachWindow(function(){p++;});
  24.             if (p>5) {
  25.                 alert("Too many windows");
  26.                 return;
  27.             }
  28.             var id = "userWin"+(idPrefix++);
  29.             //
  30.             var w = Number(document.getElementById("win_w").value);
  31.             var h = Number(document.getElementById("win_h").value);
  32.             var x = Number(document.getElementById("win_x").value);
  33.             var y = Number(document.getElementById("win_y").value);
  34.             // 创建Window
  35.             dhxWins.createWindow(id, x, y, w, h);
  36.             // 设置窗口的标题
  37.             dhxWins.window(id).setText(document.getElementById("win_t").value);
  38.             // dhxWins.window(id).keepInViewport(true);
  39.             //
  40.             document.getElementById("win_x").value = x+8;
  41.             document.getElementById("win_y").value = y+6;
  42.         }
  44.         function doOnUnload() {
  45.             if (dhxWins != null && dhxWins.unload != null) {
  46.                 dhxWins.unload();
  47.                 dhxWins = null;
  48.             }
  49.         }
  51.     </script>
  52. </head>
  53. <body onload="doOnLoad();" onunload="doOnUnload();">
  54.     <div>
  55.         <table>
  56.             <tr>
  57.                 <td>Input Position (x,y)</td>
  58.                 <td><input id="win_x" type="text" style="width: 30px;" value="20"> <input id="win_y" type="text" style="width: 30px;" value="30"></td>
  59.             </tr>
  60.             <tr>
  61.                 <td>Input Size (width, height)</td>
  62.                 <td><input id="win_w" type="text" style="width: 30px;" value="320"> <input id="win_h" type="text" style="width: 30px;" value="200"></td>
  63.             </tr>
  64.             <tr>
  65.                 <td>Input Header Text</td>
  66.                 <td><input id="win_t" type="text" style="width: 150px;" value="New dhtmlxWindow"></td>
  67.             </tr>
  68.             <tr>
  69.                 <td colspan="2" align="center" style="padding-top: 10px;"><input type="button" value="Create Window" onclick="createWindow();"></td>
  70.             </tr>
  71.         </table>
  72.     </div>
  73.     <div id="winVP" style="position: relative; height: 500px; border: #cecece 1px solid; margin: 10px;"></div>
  74. </body>
  75. </html>

效果

皮肤

DHX除默认的皮肤样式之外还另外提供的3种可选皮肤。

分别为：dhx_web; dhx_terrace; dhx_skyblue;

设置方法：myWins.setSkin(String skin);

效果：

未完待续！！！。。。。。。。

DHTMLX-Windows的更多相关文章

  1. 前端JS开发框架-DHTMLX

    一:介绍 dhtmlxSuite是一个JavaScript库,提供了一套完整的Ajax -驱动UI组件.我们能够使用dhtmlxSuite构建 简洁界面,快速性能,和丰富用户体验的企业级web应用程序 ...

  2. Windows server 2012 添加中文语言包(英文转为中文)（离线）

    Windows server 2012 添加中文语言包(英文转为中文)(离线) 相关资料: 公司环境:亚马孙aws虚拟机 英文版Windows2012 中文SQL Server2012安装包,需要安装 ...

  3. Windows Server 2012 NIC Teaming介绍及注意事项

    Windows Server 2012 NIC Teaming介绍及注意事项 转载自:http://www.it165.net/os/html/201303/4799.html Windows Ser ...

  4. C# 注册 Windows 热键

    闲扯: 前几日,一个朋友问我如何实现按 F1 键实现粘贴(Ctrl+V)功能,百度了一个方法,发给他,他看不懂(已经是 Boss 的曾经的码农),我就做了个Demo给他参考.今日得空,将 Demo 整 ...

  5. Windows 7上执行Cake 报错原因是Powershell 版本问题

    在Windows 7 SP1 电脑上执行Cake的的例子 http://cakebuild.net/docs/tutorials/getting-started ,运行./Build.ps1 报下面的 ...

  6. 在离线环境中发布.NET Core至Windows Server 2008

    在离线环境中发布.NET Core至Windows Server 2008 0x00 写在开始 之前一篇博客中写了在离线环境中使用.NET Core,之后一边学习一边写了一些页面作为测试,现在打算发布 ...

  7. Windows平台分布式架构实践 - 负载均衡

    概述 最近.NET的世界开始闹腾了,微软官方终于加入到了对.NET跨平台的支持,并且在不久的将来,我们在VS里面写的代码可能就可以通过Mono直接在Linux和Mac上运行.那么大家(开发者和企业)为 ...

  8. dll文件32位64位检测工具以及Windows文件夹SysWow64的坑

    自从操作系统升级到64位以后,就要不断的需要面对32位.64位的问题.相信有很多人并不是很清楚32位程序与64位程序的区别,以及Program Files (x86),Program Files的区别 ...

  9. 在docker中运行ASP.NET Core Web API应用程序(附AWS Windows Server 2016 widt Container实战案例)

    环境准备 1.亚马逊EC2 Windows Server 2016 with Container 2.Visual Studio 2015 Enterprise(Profresianal要装Updat ...

  10. 1.初始Windows Server 2012 R2 Hyper-V + 系统安装详细

    干啥的?现在企业服务器都是分开的,比如图片服务器,数据库服务器,redis服务器等等,或多或少一个网站都会用到多个服务器,而服务器的成本很高,要是动不动采购几十台,公司绝对吃不消的,于是虚拟化技术出来 ...

随机推荐

  1. easyui 筛选数据及仅允许选择数据

    先说需求,本地已缓存数据源,用户输入拼音码或编号,筛选数据作为新的数据源,然后通过键盘选择. 再说问题,easyui combogrid控件,在mode为local,也就是将数据源缓存在本地的情况下, ...

  2. IOS设备 UIDevice 获取操作系统 版本 电量 临近手机触发消息检测 (真机亲测可用)

    - (void)viewDidLoad { [super viewDidLoad]; // 操作系统 NSString * osName =[[UIDevice currentDevice]syste ...

  3. C++继承，多重继承，虚继承的构造函数以及析构函数的调用顺序问题

    #include <iostream> using namespace std; class A{ int data_a; public: A(){ data_a = ; cout < ...

  4. CSS3的calc()使用

    CSS3的calc()使用 calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,用来指定元素的长度.比如说,你可以使用calc()给元素的border.margin.pad ...

  5. LintCode Anagrams

    (记得import java.util.HashMap及Arrays, 首先字符串若为空或者数量为零, 则返回一个空的LinkedList) 1. 把string变为char数组, 再进行排序, 之后 ...

  6. iOS CFNetwork报错

    2016-11-16 10:05:35.082 天天送[46197:11758717] 46197: CFNetwork internal error (0xc01a:/BuildRoot/Libra ...

  7. python练手项目

    文本操作 逆转字符串--输入一个字符串,将其逆转并输出. 拉丁猪文字游戏--这是一个英语语言游戏.基本规则是将一个英语单词的第一个辅音音素的字母移动到词尾并且加上后缀-ay(譬如"banan ...

  8. JavaScript模块化编程

    为什么模块化很重要?因为有了模块,我们就可以更方便的使用别人的代码,想要什么功能,就加载什么模块. 万事都有规矩,就是规范化! 目前,通行的Javascript模块规范有两种: CommonJS和AM ...

  9. java考核完的心得

    2015年8月13日     星期四      晴 今天上午我们考核了java,就是用Java语言写一个小型的管理系统.考核前的我信心满满,因为我本身是测试专业的,觉得在开发这方面对自己不用要求的那么 ...

  10. 防止sql注入

    sqlmap 较专业的sql注入工具YII2  activeform   注意传过来的modle的rules规则 <?php$form=\yii\widgets\ActiveForm::begi ...