开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > 行业应用 > OA系统 > 查看源码
FloatingPane.js
资源名称：oa.rar　[点击查看]
上传用户：kimgenplus
上传日期：2016-06-05
资源大小：20877k
文件大小：13k
源码类别：

OA系统

开发平台：

Java

FloatingPane.js：源码内容
  1. /*
  2. Copyright (c) 2004-2006, The Dojo Foundation
  3. All Rights Reserved.
  5. Licensed under the Academic Free License version 2.1 or above OR the
  6. modified BSD license. For more information on Dojo licensing, see:
  8. http://dojotoolkit.org/community/licensing.shtml
  9. */
  13. dojo.provide("dojo.widget.FloatingPane");
  14. dojo.require("dojo.widget.*");
  15. dojo.require("dojo.widget.Manager");
  16. dojo.require("dojo.html.*");
  17. dojo.require("dojo.html.layout");
  18. dojo.require("dojo.html.iframe");
  19. dojo.require("dojo.html.selection");
  20. dojo.require("dojo.lfx.shadow");
  21. dojo.require("dojo.widget.html.layout");
  22. dojo.require("dojo.widget.ContentPane");
  23. dojo.require("dojo.dnd.HtmlDragMove");
  24. dojo.require("dojo.widget.Dialog");
  25. dojo.require("dojo.widget.ResizeHandle");
  26. dojo.declare("dojo.widget.FloatingPaneBase", null, {title:"", iconSrc:"", hasShadow:false, constrainToContainer:false, taskBarId:"", resizable:true, titleBarDisplay:true, windowState:"normal", displayCloseAction:false, displayMinimizeAction:false, displayMaximizeAction:false, _max_taskBarConnectAttempts:5, _taskBarConnectAttempts:0, templateString:"<div id="${this.widgetId}" dojoAttachEvent="onMouseDown" class="dojoFloatingPane">nt<div dojoAttachPoint="titleBar" class="dojoFloatingPaneTitleBar"  style="display:none">nt  t<img dojoAttachPoint="titleBarIcon"  class="dojoFloatingPaneTitleBarIcon">ntt<div dojoAttachPoint="closeAction" dojoAttachEvent="onClick:closeWindow"n   t  ttclass="dojoFloatingPaneCloseIcon"></div>ntt<div dojoAttachPoint="restoreAction" dojoAttachEvent="onClick:restoreWindow"n   t  ttclass="dojoFloatingPaneRestoreIcon"></div>ntt<div dojoAttachPoint="maximizeAction" dojoAttachEvent="onClick:maximizeWindow"n   t  ttclass="dojoFloatingPaneMaximizeIcon"></div>ntt<div dojoAttachPoint="minimizeAction" dojoAttachEvent="onClick:minimizeWindow"n   t  ttclass="dojoFloatingPaneMinimizeIcon"></div>nt  t<div dojoAttachPoint="titleBarText" class="dojoFloatingPaneTitleText">${this.title}</div>nt</div>nnt<div id="${this.widgetId}_container" dojoAttachPoint="containerNode" class="dojoFloatingPaneClient"></div>nnt<div dojoAttachPoint="resizeBar" class="dojoFloatingPaneResizebar" style="display:none"></div>n</div>n", templateCssString:"n/********** Outer Window ***************/nn.dojoFloatingPane {nt/* essential css */ntposition: absolute;ntoverflow: visible;tt/* so drop shadow is displayed */ntz-index: 10;nnt/* styling css */ntborder: 1px solid;ntborder-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;ntbackground-color: ThreeDFace;n}nnn/********** Title Bar ****************/nn.dojoFloatingPaneTitleBar {ntvertical-align: top;ntmargin: 2px 2px 2px 2px;ntz-index: 10;ntbackground-color: #7596c6;ntcursor: default;ntoverflow: hidden;ntborder-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;ntvertical-align: middle;n}nn.dojoFloatingPaneTitleText {ntfloat: left;ntpadding: 2px 4px 2px 2px;ntwhite-space: nowrap;ntcolor: CaptionText;ntfont: small-caption;n}nn.dojoTitleBarIcon {ntfloat: left;ntheight: 22px;ntwidth: 22px;ntvertical-align: middle;ntmargin-right: 5px;ntmargin-left: 5px;n}nn.dojoFloatingPaneActions{ntfloat: right;ntposition: absolute;ntright: 2px;nttop: 2px;ntvertical-align: middle;n}nnn.dojoFloatingPaneActionItem {ntvertical-align: middle;ntmargin-right: 1px;ntheight: 22px;ntwidth: 22px;n}nnn.dojoFloatingPaneTitleBarIcon {nt/* essential css */ntfloat: left;nnt/* styling css */ntmargin-left: 2px;ntmargin-right: 4px;ntheight: 22px;n}nn/* minimize/maximize icons are specified by CSS only */n.dojoFloatingPaneMinimizeIcon,n.dojoFloatingPaneMaximizeIcon,n.dojoFloatingPaneRestoreIcon,n.dojoFloatingPaneCloseIcon {ntvertical-align: middle;ntheight: 22px;ntwidth: 22px;ntfloat: right;n}n.dojoFloatingPaneMinimizeIcon {ntbackground-image: url(images/floatingPaneMinimize.gif);n}n.dojoFloatingPaneMaximizeIcon {ntbackground-image: url(images/floatingPaneMaximize.gif);n}n.dojoFloatingPaneRestoreIcon {ntbackground-image: url(images/floatingPaneRestore.gif);n}n.dojoFloatingPaneCloseIcon {ntbackground-image: url(images/floatingPaneClose.gif);n}nn/* bar at bottom of window that holds resize handle */n.dojoFloatingPaneResizebar {ntz-index: 10;ntheight: 13px;ntbackground-color: ThreeDFace;n}nn/************* Client Area ***************/nn.dojoFloatingPaneClient {ntposition: relative;ntz-index: 10;ntborder: 1px solid;ntborder-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;ntmargin: 2px;ntbackground-color: ThreeDFace;ntpadding: 8px;ntfont-family: Verdana, Helvetica, Garamond, sans-serif;ntfont-size: 12px;ntoverflow: auto;n}nn", templateCssPath:dojo.uri.moduleUri("dojo.widget", "templates/FloatingPane.css"), fillInFloatingPaneTemplate:function (args, frag) {
  27. var source = this.getFragNodeRef(frag);
  28. dojo.html.copyStyle(this.domNode, source);
  29. dojo.body().appendChild(this.domNode);
  30. if (!this.isShowing()) {
  31. this.windowState = "minimized";
  32. }
  33. if (this.iconSrc == "") {
  34. dojo.html.removeNode(this.titleBarIcon);
  35. } else {
  36. this.titleBarIcon.src = this.iconSrc.toString();
  37. }
  38. if (this.titleBarDisplay) {
  39. this.titleBar.style.display = "";
  40. dojo.html.disableSelection(this.titleBar);
  41. this.titleBarIcon.style.display = (this.iconSrc == "" ? "none" : "");
  42. this.minimizeAction.style.display = (this.displayMinimizeAction ? "" : "none");
  43. this.maximizeAction.style.display = (this.displayMaximizeAction && this.windowState != "maximized" ? "" : "none");
  44. this.restoreAction.style.display = (this.displayMaximizeAction && this.windowState == "maximized" ? "" : "none");
  45. this.closeAction.style.display = (this.displayCloseAction ? "" : "none");
  46. this.drag = new dojo.dnd.HtmlDragMoveSource(this.domNode);
  47. if (this.constrainToContainer) {
  48. this.drag.constrainTo();
  49. }
  50. this.drag.setDragHandle(this.titleBar);
  51. var self = this;
  52. dojo.event.topic.subscribe("dragMove", function (info) {
  53. if (info.source.domNode == self.domNode) {
  54. dojo.event.topic.publish("floatingPaneMove", {source:self});
  55. }
  56. });
  57. }
  58. if (this.resizable) {
  59. this.resizeBar.style.display = "";
  60. this.resizeHandle = dojo.widget.createWidget("ResizeHandle", {targetElmId:this.widgetId, id:this.widgetId + "_resize"});
  61. this.resizeBar.appendChild(this.resizeHandle.domNode);
  62. }
  63. if (this.hasShadow) {
  64. this.shadow = new dojo.lfx.shadow(this.domNode);
  65. }
  66. this.bgIframe = new dojo.html.BackgroundIframe(this.domNode);
  67. if (this.taskBarId) {
  68. this._taskBarSetup();
  69. }
  70. dojo.body().removeChild(this.domNode);
  71. }, postCreate:function () {
  72. if (dojo.hostenv.post_load_) {
  73. this._setInitialWindowState();
  74. } else {
  75. dojo.addOnLoad(this, "_setInitialWindowState");
  76. }
  77. }, maximizeWindow:function (evt) {
  78. var mb = dojo.html.getMarginBox(this.domNode);
  79. this.previous = {width:mb.width || this.width, height:mb.height || this.height, left:this.domNode.style.left, top:this.domNode.style.top, bottom:this.domNode.style.bottom, right:this.domNode.style.right};
  80. if (this.domNode.parentNode.style.overflow.toLowerCase() != "hidden") {
  81. this.parentPrevious = {overflow:this.domNode.parentNode.style.overflow};
  82. dojo.debug(this.domNode.parentNode.style.overflow);
  83. this.domNode.parentNode.style.overflow = "hidden";
  84. }
  85. this.domNode.style.left = dojo.html.getPixelValue(this.domNode.parentNode, "padding-left", true) + "px";
  86. this.domNode.style.top = dojo.html.getPixelValue(this.domNode.parentNode, "padding-top", true) + "px";
  87. if ((this.domNode.parentNode.nodeName.toLowerCase() == "body")) {
  88. var viewport = dojo.html.getViewport();
  89. var padding = dojo.html.getPadding(dojo.body());
  90. this.resizeTo(viewport.width - padding.width, viewport.height - padding.height);
  91. } else {
  92. var content = dojo.html.getContentBox(this.domNode.parentNode);
  93. this.resizeTo(content.width, content.height);
  94. }
  95. this.maximizeAction.style.display = "none";
  96. this.restoreAction.style.display = "";
  97. if (this.resizeHandle) {
  98. this.resizeHandle.domNode.style.display = "none";
  99. }
  100. this.drag.setDragHandle(null);
  101. this.windowState = "maximized";
  102. }, minimizeWindow:function (evt) {
  103. this.hide();
  104. for (var attr in this.parentPrevious) {
  105. this.domNode.parentNode.style[attr] = this.parentPrevious[attr];
  106. }
  107. this.lastWindowState = this.windowState;
  108. this.windowState = "minimized";
  109. }, restoreWindow:function (evt) {
  110. if (this.windowState == "minimized") {
  111. this.show();
  112. if (this.lastWindowState == "maximized") {
  113. this.domNode.parentNode.style.overflow = "hidden";
  114. this.windowState = "maximized";
  115. } else {
  116. this.windowState = "normal";
  117. }
  118. } else {
  119. if (this.windowState == "maximized") {
  120. for (var attr in this.previous) {
  121. this.domNode.style[attr] = this.previous[attr];
  122. }
  123. for (var attr in this.parentPrevious) {
  124. this.domNode.parentNode.style[attr] = this.parentPrevious[attr];
  125. }
  126. this.resizeTo(this.previous.width, this.previous.height);
  127. this.previous = null;
  128. this.parentPrevious = null;
  129. this.restoreAction.style.display = "none";
  130. this.maximizeAction.style.display = this.displayMaximizeAction ? "" : "none";
  131. if (this.resizeHandle) {
  132. this.resizeHandle.domNode.style.display = "";
  133. }
  134. this.drag.setDragHandle(this.titleBar);
  135. this.windowState = "normal";
  136. } else {
  137. }
  138. }
  139. }, toggleDisplay:function () {
  140. if (this.windowState == "minimized") {
  141. this.restoreWindow();
  142. } else {
  143. this.minimizeWindow();
  144. }
  145. }, closeWindow:function (evt) {
  146. dojo.html.removeNode(this.domNode);
  147. this.destroy();
  148. }, onMouseDown:function (evt) {
  149. this.bringToTop();
  150. }, bringToTop:function () {
  151. var floatingPanes = dojo.widget.manager.getWidgetsByType(this.widgetType);
  152. var windows = [];
  153. for (var x = 0; x < floatingPanes.length; x++) {
  154. if (this.widgetId != floatingPanes[x].widgetId) {
  155. windows.push(floatingPanes[x]);
  156. }
  157. }
  158. windows.sort(function (a, b) {
  159. return a.domNode.style.zIndex - b.domNode.style.zIndex;
  160. });
  161. windows.push(this);
  162. var floatingPaneStartingZ = 100;
  163. for (x = 0; x < windows.length; x++) {
  164. windows[x].domNode.style.zIndex = floatingPaneStartingZ + x * 2;
  165. }
  166. }, _setInitialWindowState:function () {
  167. if (this.isShowing()) {
  168. this.width = -1;
  169. var mb = dojo.html.getMarginBox(this.domNode);
  170. this.resizeTo(mb.width, mb.height);
  171. }
  172. if (this.windowState == "maximized") {
  173. this.maximizeWindow();
  174. this.show();
  175. return;
  176. }
  177. if (this.windowState == "normal") {
  178. this.show();
  179. return;
  180. }
  181. if (this.windowState == "minimized") {
  182. this.hide();
  183. return;
  184. }
  185. this.windowState = "minimized";
  186. }, _taskBarSetup:function () {
  187. var taskbar = dojo.widget.getWidgetById(this.taskBarId);
  188. if (!taskbar) {
  189. if (this._taskBarConnectAttempts < this._max_taskBarConnectAttempts) {
  190. dojo.lang.setTimeout(this, this._taskBarSetup, 50);
  191. this._taskBarConnectAttempts++;
  192. } else {
  193. dojo.debug("Unable to connect to the taskBar");
  194. }
  195. return;
  196. }
  197. taskbar.addChild(this);
  198. }, showFloatingPane:function () {
  199. this.bringToTop();
  200. }, onFloatingPaneShow:function () {
  201. var mb = dojo.html.getMarginBox(this.domNode);
  202. this.resizeTo(mb.width, mb.height);
  203. }, resizeTo:function (width, height) {
  204. dojo.html.setMarginBox(this.domNode, {width:width, height:height});
  205. dojo.widget.html.layout(this.domNode, [{domNode:this.titleBar, layoutAlign:"top"}, {domNode:this.resizeBar, layoutAlign:"bottom"}, {domNode:this.containerNode, layoutAlign:"client"}]);
  206. dojo.widget.html.layout(this.containerNode, this.children, "top-bottom");
  207. this.bgIframe.onResized();
  208. if (this.shadow) {
  209. this.shadow.size(width, height);
  210. }
  211. this.onResized();
  212. }, checkSize:function () {
  213. }, destroyFloatingPane:function () {
  214. if (this.resizeHandle) {
  215. this.resizeHandle.destroy();
  216. this.resizeHandle = null;
  217. }
  218. }});
  219. dojo.widget.defineWidget("dojo.widget.FloatingPane", [dojo.widget.ContentPane, dojo.widget.FloatingPaneBase], {fillInTemplate:function (args, frag) {
  220. this.fillInFloatingPaneTemplate(args, frag);
  221. dojo.widget.FloatingPane.superclass.fillInTemplate.call(this, args, frag);
  222. }, postCreate:function () {
  223. dojo.widget.FloatingPaneBase.prototype.postCreate.apply(this, arguments);
  224. dojo.widget.FloatingPane.superclass.postCreate.apply(this, arguments);
  225. }, show:function () {
  226. dojo.widget.FloatingPane.superclass.show.apply(this, arguments);
  227. this.showFloatingPane();
  228. }, onShow:function () {
  229. dojo.widget.FloatingPane.superclass.onShow.call(this);
  230. this.onFloatingPaneShow();
  231. }, destroy:function () {
  232. this.destroyFloatingPane();
  233. dojo.widget.FloatingPane.superclass.destroy.apply(this, arguments);
  234. }});
  235. dojo.widget.defineWidget("dojo.widget.ModalFloatingPane", [dojo.widget.FloatingPane, dojo.widget.ModalDialogBase], {windowState:"minimized", displayCloseAction:true, postCreate:function () {
  236. dojo.widget.ModalDialogBase.prototype.postCreate.call(this);
  237. dojo.widget.ModalFloatingPane.superclass.postCreate.call(this);
  238. }, show:function () {
  239. this.showModalDialog();
  240. dojo.widget.ModalFloatingPane.superclass.show.apply(this, arguments);
  241. this.bg.style.zIndex = this.domNode.style.zIndex - 1;
  242. }, hide:function () {
  243. this.hideModalDialog();
  244. dojo.widget.ModalFloatingPane.superclass.hide.apply(this, arguments);
  245. }, closeWindow:function () {
  246. this.hide();
  247. dojo.widget.ModalFloatingPane.superclass.closeWindow.apply(this, arguments);
  248. }});