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

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

OA系统

开发平台：

Java

Menu2.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.Menu2");
  14. dojo.require("dojo.widget.PopupContainer");
  15. dojo.declare("dojo.widget.MenuBase", null, function () {
  16. this.eventNames = {open:""};
  17. }, {isContainer:true, isMenu:true, eventNaming:"default", templateCssString:"n.dojoPopupMenu2 {ntposition: absolute;ntborder: 1px solid #7298d0;ntbackground:#85aeec url(images/soriaMenuBg.gif) repeat-x bottom left !important;ntpadding: 1px;ntmargin-top: 1px;ntmargin-bottom: 1px;n}nn.dojoMenuItem2{ntwhite-space: nowrap;ntfont: menu;ntmargin: 0;n}nn.dojoMenuItem2Hover {ntbackground-color: #D2E4FD;ntcursor:pointer;ntcursor:hand;n}nn.dojoMenuItem2Icon {ntposition: relative;ntbackground-position: center center;ntbackground-repeat: no-repeat;ntwidth: 16px;ntheight: 16px;ntpadding-right: 3px;n}nn.dojoMenuItem2Label {ntposition: relative;ntvertical-align: middle;n}nn/* main label text */n.dojoMenuItem2Label {ntposition: relative;ntvertical-align: middle;n}nn.dojoMenuItem2Accel {ntposition: relative;ntvertical-align: middle;ntpadding-left: 3px;n}nn.dojoMenuItem2Disabled .dojoMenuItem2Label,n.dojoMenuItem2Disabled .dojoMenuItem2Accel {ntcolor: #607a9e;n}nn.dojoMenuItem2Submenu {ntposition: relative;ntbackground-position: center center;ntbackground-repeat: no-repeat;ntbackground-image: url(images/submenu_off.gif);ntwidth: 5px;ntheight: 9px;ntpadding-left: 3px;n}n.dojoMenuItem2Hover .dojoMenuItem2Submenu {ntbackground-image: url(images/submenu_on.gif);n}nn.dojoMenuItem2Disabled .dojoMenuItem2Submenu {ntbackground-image: url(images/submenu_disabled.gif);n}nn.dojoMenuSeparator2 {ntfont-size: 1px;ntmargin: 0;n}nn.dojoMenuSeparator2Top {ntheight: 50%;ntborder-bottom: 1px solid #7a98c4;ntmargin: 0px 2px;ntfont-size: 1px;n}nn.dojoMenuSeparator2Bottom {ntheight: 50%;ntborder-top: 1px solid #c9deff;ntmargin: 0px 2px;ntfont-size: 1px;n}nn.dojoMenuBar2 {ntbackground:#85aeec url(images/soriaBarBg.gif) repeat-x top left;nt/*border-bottom:1px solid #6b9fec;*/ntpadding: 1px;n}nn.dojoMenuBar2 .dojoMenuItem2 {ntwhite-space: nowrap;ntfont: menu;ntmargin: 0;ntposition: relative;ntvertical-align: middle;ntz-index: 1;ntpadding: 3px 8px;ntdisplay: inline;/* needed in khtml to display correctly */ntdisplay: -moz-inline-box;/* needed in firefox */ntcursor:pointer;ntcursor:hand;n}nn.dojoMenuBar2 .dojoMenuItem2Hover {ntbackground-color:#d2e4fd;n}nn.dojoMenuBar2 .dojoMenuItem2Disabled span {ntcolor: #4f6582;n}n", templateCssPath:dojo.uri.moduleUri("dojo.widget", "templates/Menu2.css"), submenuDelay:500, initialize:function (args, frag) {
  18. if (this.eventNaming == "default") {
  19. for (var eventName in this.eventNames) {
  20. this.eventNames[eventName] = this.widgetId + "/" + eventName;
  21. }
  22. }
  23. }, _moveToNext:function (evt) {
  24. this._highlightOption(1);
  25. return true;
  26. }, _moveToPrevious:function (evt) {
  27. this._highlightOption(-1);
  28. return true;
  29. }, _moveToParentMenu:function (evt) {
  30. if (this._highlighted_option && this.parentMenu) {
  31. if (evt._menu2UpKeyProcessed) {
  32. return true;
  33. } else {
  34. this._highlighted_option.onUnhover();
  35. this.closeSubmenu();
  36. evt._menu2UpKeyProcessed = true;
  37. }
  38. }
  39. return false;
  40. }, _moveToChildMenu:function (evt) {
  41. if (this._highlighted_option && this._highlighted_option.submenuId) {
  42. this._highlighted_option._onClick(true);
  43. return true;
  44. }
  45. return false;
  46. }, _selectCurrentItem:function (evt) {
  47. if (this._highlighted_option) {
  48. this._highlighted_option._onClick();
  49. return true;
  50. }
  51. return false;
  52. }, processKey:function (evt) {
  53. if (evt.ctrlKey || evt.altKey || !evt.key) {
  54. return false;
  55. }
  56. var rval = false;
  57. switch (evt.key) {
  58.   case evt.KEY_DOWN_ARROW:
  59. rval = this._moveToNext(evt);
  60. break;
  61.   case evt.KEY_UP_ARROW:
  62. rval = this._moveToPrevious(evt);
  63. break;
  64.   case evt.KEY_RIGHT_ARROW:
  65. rval = this._moveToChildMenu(evt);
  66. break;
  67.   case evt.KEY_LEFT_ARROW:
  68. rval = this._moveToParentMenu(evt);
  69. break;
  70.   case " ":
  71.   case evt.KEY_ENTER:
  72. if (rval = this._selectCurrentItem(evt)) {
  73. break;
  74. }
  75.   case evt.KEY_ESCAPE:
  76.   case evt.KEY_TAB:
  77. this.close(true);
  78. rval = true;
  79. break;
  80. }
  81. return rval;
  82. }, _findValidItem:function (dir, curItem) {
  83. if (curItem) {
  84. curItem = dir > 0 ? curItem.getNextSibling() : curItem.getPreviousSibling();
  85. }
  86. for (var i = 0; i < this.children.length; ++i) {
  87. if (!curItem) {
  88. curItem = dir > 0 ? this.children[0] : this.children[this.children.length - 1];
  89. }
  90. if (curItem.onHover && curItem.isShowing()) {
  91. return curItem;
  92. }
  93. curItem = dir > 0 ? curItem.getNextSibling() : curItem.getPreviousSibling();
  94. }
  95. }, _highlightOption:function (dir) {
  96. var item;
  97. if ((!this._highlighted_option)) {
  98. item = this._findValidItem(dir);
  99. } else {
  100. item = this._findValidItem(dir, this._highlighted_option);
  101. }
  102. if (item) {
  103. if (this._highlighted_option) {
  104. this._highlighted_option.onUnhover();
  105. }
  106. item.onHover();
  107. dojo.html.scrollIntoView(item.domNode);
  108. try {
  109. var node = dojo.html.getElementsByClass("dojoMenuItem2Label", item.domNode)[0];
  110. node.focus();
  111. }
  112. catch (e) {
  113. }
  114. }
  115. }, onItemClick:function (item) {
  116. }, closeSubmenu:function (force) {
  117. if (this.currentSubmenu == null) {
  118. return;
  119. }
  120. this.currentSubmenu.close(force);
  121. this.currentSubmenu = null;
  122. this.currentSubmenuTrigger.is_open = false;
  123. this.currentSubmenuTrigger._closedSubmenu(force);
  124. this.currentSubmenuTrigger = null;
  125. }});
  126. dojo.widget.defineWidget("dojo.widget.PopupMenu2", [dojo.widget.HtmlWidget, dojo.widget.PopupContainerBase, dojo.widget.MenuBase], function () {
  127. this.targetNodeIds = [];
  128. }, {templateString:"<table class="dojoPopupMenu2" border=0 cellspacing=0 cellpadding=0 style="display: none; position: absolute;">" + "<tbody dojoAttachPoint="containerNode"></tbody>" + "</table>", submenuOverlap:5, contextMenuForWindow:false, parentMenu:null, postCreate:function () {
  129. if (this.contextMenuForWindow) {
  130. var doc = dojo.body();
  131. this.bindDomNode(doc);
  132. } else {
  133. if (this.targetNodeIds.length > 0) {
  134. dojo.lang.forEach(this.targetNodeIds, this.bindDomNode, this);
  135. }
  136. }
  137. this._subscribeSubitemsOnOpen();
  138. }, _subscribeSubitemsOnOpen:function () {
  139. var subItems = this.getChildrenOfType(dojo.widget.MenuItem2);
  140. for (var i = 0; i < subItems.length; i++) {
  141. dojo.event.topic.subscribe(this.eventNames.open, subItems[i], "menuOpen");
  142. }
  143. }, getTopOpenEvent:function () {
  144. var menu = this;
  145. while (menu.parentMenu) {
  146. menu = menu.parentMenu;
  147. }
  148. return menu.openEvent;
  149. }, bindDomNode:function (node) {
  150. node = dojo.byId(node);
  151. var win = dojo.html.getElementWindow(node);
  152. if (dojo.html.isTag(node, "iframe") == "iframe") {
  153. win = dojo.html.iframeContentWindow(node);
  154. node = dojo.withGlobal(win, dojo.body);
  155. }
  156. dojo.widget.Menu2.OperaAndKonqFixer.fixNode(node);
  157. dojo.event.kwConnect({srcObj:node, srcFunc:"oncontextmenu", targetObj:this, targetFunc:"onOpen", once:true});
  158. if (dojo.render.html.moz && win.document.designMode.toLowerCase() == "on") {
  159. dojo.event.browser.addListener(node, "contextmenu", dojo.lang.hitch(this, "onOpen"));
  160. }
  161. dojo.widget.PopupManager.registerWin(win);
  162. }, unBindDomNode:function (nodeName) {
  163. var node = dojo.byId(nodeName);
  164. dojo.event.kwDisconnect({srcObj:node, srcFunc:"oncontextmenu", targetObj:this, targetFunc:"onOpen", once:true});
  165. dojo.widget.Menu2.OperaAndKonqFixer.cleanNode(node);
  166. }, _openAsSubmenu:function (parent, explodeSrc, orient) {
  167. if (this.isShowingNow) {
  168. return;
  169. }
  170. this.parentMenu = parent;
  171. this.open(explodeSrc, parent, explodeSrc, orient);
  172. }, close:function (force) {
  173. if (this.animationInProgress) {
  174. dojo.widget.PopupContainerBase.prototype.close.call(this, force);
  175. return;
  176. }
  177. if (this._highlighted_option) {
  178. this._highlighted_option.onUnhover();
  179. }
  180. dojo.widget.PopupContainerBase.prototype.close.call(this, force);
  181. this.parentMenu = null;
  182. }, closeAll:function (force) {
  183. if (this.parentMenu) {
  184. this.parentMenu.closeAll(force);
  185. } else {
  186. this.close(force);
  187. }
  188. }, _openSubmenu:function (submenu, from_item) {
  189. submenu._openAsSubmenu(this, from_item.arrow, {"TR":"TL", "TL":"TR"});
  190. this.currentSubmenu = submenu;
  191. this.currentSubmenuTrigger = from_item;
  192. this.currentSubmenuTrigger.is_open = true;
  193. }, focus:function () {
  194. if (this.currentSubmenuTrigger) {
  195. if (this.currentSubmenuTrigger.caption) {
  196. try {
  197. this.currentSubmenuTrigger.caption.focus();
  198. }
  199. catch (e) {
  200. }
  201. } else {
  202. try {
  203. this.currentSubmenuTrigger.domNode.focus();
  204. }
  205. catch (e) {
  206. }
  207. }
  208. }
  209. }, onOpen:function (e) {
  210. this.openEvent = e;
  211. if (e["target"]) {
  212. this.openedForWindow = dojo.html.getElementWindow(e.target);
  213. } else {
  214. this.openedForWindow = null;
  215. }
  216. var x = e.pageX, y = e.pageY;
  217. var win = dojo.html.getElementWindow(e.target);
  218. var iframe = win._frameElement || win.frameElement;
  219. if (iframe) {
  220. var cood = dojo.html.abs(iframe, true);
  221. x += cood.x - dojo.withGlobal(win, dojo.html.getScroll).left;
  222. y += cood.y - dojo.withGlobal(win, dojo.html.getScroll).top;
  223. }
  224. this.open(x, y, null, [x, y]);
  225. dojo.event.browser.stopEvent(e);
  226. }});
  227. dojo.widget.defineWidget("dojo.widget.MenuItem2", dojo.widget.HtmlWidget, function () {
  228. this.eventNames = {engage:""};
  229. }, {templateString:"<tr class="dojoMenuItem2" dojoAttachEvent="onMouseOver: onHover; onMouseOut: onUnhover; onClick: _onClick; onKey:onKey;">" + "<td><div class="${this.iconClass}" style="${this.iconStyle}"></div></td>" + "<td tabIndex="-1" class="dojoMenuItem2Label" dojoAttachPoint="caption">${this.caption}</td>" + "<td class="dojoMenuItem2Accel">${this.accelKey}</td>" + "<td><div class="dojoMenuItem2Submenu" style="display:${this.arrowDisplay};" dojoAttachPoint="arrow"></div></td>" + "</tr>", is_hovering:false, hover_timer:null, is_open:false, topPosition:0, caption:"Untitled", accelKey:"", iconSrc:"", disabledClass:"dojoMenuItem2Disabled", iconClass:"dojoMenuItem2Icon", submenuId:"", eventNaming:"default", highlightClass:"dojoMenuItem2Hover", postMixInProperties:function () {
  230. this.iconStyle = "";
  231. if (this.iconSrc) {
  232. if ((this.iconSrc.toLowerCase().substring(this.iconSrc.length - 4) == ".png") && (dojo.render.html.ie55 || dojo.render.html.ie60)) {
  233. this.iconStyle = "filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.iconSrc + "', sizingMethod='image')";
  234. } else {
  235. this.iconStyle = "background-image: url(" + this.iconSrc + ")";
  236. }
  237. }
  238. this.arrowDisplay = this.submenuId ? "block" : "none";
  239. dojo.widget.MenuItem2.superclass.postMixInProperties.apply(this, arguments);
  240. }, fillInTemplate:function () {
  241. dojo.html.disableSelection(this.domNode);
  242. if (this.disabled) {
  243. this.setDisabled(true);
  244. }
  245. if (this.eventNaming == "default") {
  246. for (var eventName in this.eventNames) {
  247. this.eventNames[eventName] = this.widgetId + "/" + eventName;
  248. }
  249. }
  250. }, onHover:function () {
  251. this.onUnhover();
  252. if (this.is_hovering) {
  253. return;
  254. }
  255. if (this.is_open) {
  256. return;
  257. }
  258. if (this.parent._highlighted_option) {
  259. this.parent._highlighted_option.onUnhover();
  260. }
  261. this.parent.closeSubmenu();
  262. this.parent._highlighted_option = this;
  263. dojo.widget.PopupManager.setFocusedMenu(this.parent);
  264. this._highlightItem();
  265. if (this.is_hovering) {
  266. this._stopSubmenuTimer();
  267. }
  268. this.is_hovering = true;
  269. this._startSubmenuTimer();
  270. }, onUnhover:function () {
  271. if (!this.is_open) {
  272. this._unhighlightItem();
  273. }
  274. this.is_hovering = false;
  275. this.parent._highlighted_option = null;
  276. if (this.parent.parentMenu) {
  277. dojo.widget.PopupManager.setFocusedMenu(this.parent.parentMenu);
  278. }
  279. this._stopSubmenuTimer();
  280. }, _onClick:function (focus) {
  281. var displayingSubMenu = false;
  282. if (this.disabled) {
  283. return false;
  284. }
  285. if (this.submenuId) {
  286. if (!this.is_open) {
  287. this._stopSubmenuTimer();
  288. this._openSubmenu();
  289. }
  290. displayingSubMenu = true;
  291. } else {
  292. this.onUnhover();
  293. this.parent.closeAll(true);
  294. }
  295. this.onClick();
  296. dojo.event.topic.publish(this.eventNames.engage, this);
  297. if (displayingSubMenu && focus) {
  298. dojo.widget.getWidgetById(this.submenuId)._highlightOption(1);
  299. }
  300. return;
  301. }, onClick:function () {
  302. this.parent.onItemClick(this);
  303. }, _highlightItem:function () {
  304. dojo.html.addClass(this.domNode, this.highlightClass);
  305. }, _unhighlightItem:function () {
  306. dojo.html.removeClass(this.domNode, this.highlightClass);
  307. }, _startSubmenuTimer:function () {
  308. this._stopSubmenuTimer();
  309. if (this.disabled) {
  310. return;
  311. }
  312. var self = this;
  313. var closure = function () {
  314. return function () {
  315. self._openSubmenu();
  316. };
  317. }();
  318. this.hover_timer = dojo.lang.setTimeout(closure, this.parent.submenuDelay);
  319. }, _stopSubmenuTimer:function () {
  320. if (this.hover_timer) {
  321. dojo.lang.clearTimeout(this.hover_timer);
  322. this.hover_timer = null;
  323. }
  324. }, _openSubmenu:function () {
  325. if (this.disabled) {
  326. return;
  327. }
  328. this.parent.closeSubmenu();
  329. var submenu = dojo.widget.getWidgetById(this.submenuId);
  330. if (submenu) {
  331. this.parent._openSubmenu(submenu, this);
  332. }
  333. }, _closedSubmenu:function () {
  334. this.onUnhover();
  335. }, setDisabled:function (value) {
  336. this.disabled = value;
  337. if (this.disabled) {
  338. dojo.html.addClass(this.domNode, this.disabledClass);
  339. } else {
  340. dojo.html.removeClass(this.domNode, this.disabledClass);
  341. }
  342. }, enable:function () {
  343. this.setDisabled(false);
  344. }, disable:function () {
  345. this.setDisabled(true);
  346. }, menuOpen:function (message) {
  347. }});
  348. dojo.widget.defineWidget("dojo.widget.MenuSeparator2", dojo.widget.HtmlWidget, {templateString:"<tr class="dojoMenuSeparator2"><td colspan=4>" + "<div class="dojoMenuSeparator2Top"></div>" + "<div class="dojoMenuSeparator2Bottom"></div>" + "</td></tr>", postCreate:function () {
  349. dojo.html.disableSelection(this.domNode);
  350. }});
  351. dojo.widget.defineWidget("dojo.widget.MenuBar2", [dojo.widget.HtmlWidget, dojo.widget.MenuBase], {menuOverlap:2, templateString:"<div class="dojoMenuBar2" dojoAttachPoint="containerNode" tabIndex="0"></div>", close:function (force) {
  352. if (this._highlighted_option) {
  353. this._highlighted_option.onUnhover();
  354. }
  355. this.closeSubmenu(force);
  356. }, closeAll:function (force) {
  357. this.close(force);
  358. }, processKey:function (evt) {
  359. if (evt.ctrlKey || evt.altKey) {
  360. return false;
  361. }
  362. var rval = false;
  363. switch (evt.key) {
  364.   case evt.KEY_DOWN_ARROW:
  365. rval = this._moveToChildMenu(evt);
  366. break;
  367.   case evt.KEY_UP_ARROW:
  368. rval = this._moveToParentMenu(evt);
  369. break;
  370.   case evt.KEY_RIGHT_ARROW:
  371. rval = this._moveToNext(evt);
  372. break;
  373.   case evt.KEY_LEFT_ARROW:
  374. rval = this._moveToPrevious(evt);
  375. break;
  376.   default:
  377. rval = dojo.widget.MenuBar2.superclass.processKey.apply(this, arguments);
  378. break;
  379. }
  380. return rval;
  381. }, postCreate:function () {
  382. dojo.widget.MenuBar2.superclass.postCreate.apply(this, arguments);
  383. this.isShowingNow = true;
  384. }, _openSubmenu:function (submenu, from_item) {
  385. submenu._openAsSubmenu(this, from_item.domNode, {"BL":"TL", "TL":"BL"});
  386. this.currentSubmenu = submenu;
  387. this.currentSubmenuTrigger = from_item;
  388. this.currentSubmenuTrigger.is_open = true;
  389. }});
  390. dojo.widget.defineWidget("dojo.widget.MenuBarItem2", dojo.widget.MenuItem2, {templateString:"<span class="dojoMenuItem2" dojoAttachEvent="onMouseOver: onHover; onMouseOut: onUnhover; onClick: _onClick;">${this.caption}</span>"});
  391. dojo.widget.Menu2.OperaAndKonqFixer = new function () {
  392. var implement = true;
  393. var delfunc = false;
  394. if (!dojo.lang.isFunction(dojo.doc().oncontextmenu)) {
  395. dojo.doc().oncontextmenu = function () {
  396. implement = false;
  397. delfunc = true;
  398. };
  399. }
  400. if (dojo.doc().createEvent) {
  401. try {
  402. var e = dojo.doc().createEvent("MouseEvents");
  403. e.initMouseEvent("contextmenu", 1, 1, dojo.global(), 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, null);
  404. dojo.doc().dispatchEvent(e);
  405. }
  406. catch (e) {
  407. }
  408. } else {
  409. implement = false;
  410. }
  411. if (delfunc) {
  412. delete dojo.doc().oncontextmenu;
  413. }
  414. this.fixNode = function (node) {
  415. if (implement) {
  416. if (!dojo.lang.isFunction(node.oncontextmenu)) {
  417. node.oncontextmenu = function (e) {
  418. };
  419. }
  420. if (dojo.render.html.opera) {
  421. node._menufixer_opera = function (e) {
  422. if (e.ctrlKey) {
  423. this.oncontextmenu(e);
  424. }
  425. };
  426. dojo.event.connect(node, "onclick", node, "_menufixer_opera");
  427. } else {
  428. node._menufixer_konq = function (e) {
  429. if (e.button == 2) {
  430. e.preventDefault();
  431. this.oncontextmenu(e);
  432. }
  433. };
  434. dojo.event.connect(node, "onmousedown", node, "_menufixer_konq");
  435. }
  436. }
  437. };
  438. this.cleanNode = function (node) {
  439. if (implement) {
  440. if (node._menufixer_opera) {
  441. dojo.event.disconnect(node, "onclick", node, "_menufixer_opera");
  442. delete node._menufixer_opera;
  443. } else {
  444. if (node._menufixer_konq) {
  445. dojo.event.disconnect(node, "onmousedown", node, "_menufixer_konq");
  446. delete node._menufixer_konq;
  447. }
  448. }
  449. if (node.oncontextmenu) {
  450. delete node.oncontextmenu;
  451. }
  452. }
  453. };
  454. };