DomWidget.js
上传用户:kimgenplus
上传日期:2016-06-05
资源大小:20877k
文件大小:16k
源码类别:

OA系统

开发平台:

Java

  1. /*
  2. Copyright (c) 2004-2006, The Dojo Foundation
  3. All Rights Reserved.
  4. Licensed under the Academic Free License version 2.1 or above OR the
  5. modified BSD license. For more information on Dojo licensing, see:
  6. http://dojotoolkit.org/community/licensing.shtml
  7. */
  8. dojo.provide("dojo.widget.DomWidget");
  9. dojo.require("dojo.event.*");
  10. dojo.require("dojo.widget.Widget");
  11. dojo.require("dojo.dom");
  12. dojo.require("dojo.html.style");
  13. dojo.require("dojo.xml.Parse");
  14. dojo.require("dojo.uri.*");
  15. dojo.require("dojo.lang.func");
  16. dojo.require("dojo.lang.extras");
  17. dojo.widget._cssFiles = {};
  18. dojo.widget._cssStrings = {};
  19. dojo.widget._templateCache = {};
  20. dojo.widget.defaultStrings = {dojoRoot:dojo.hostenv.getBaseScriptUri(), dojoWidgetModuleUri:dojo.uri.moduleUri("dojo.widget"), baseScriptUri:dojo.hostenv.getBaseScriptUri()};
  21. dojo.widget.fillFromTemplateCache = function (obj, templatePath, templateString, avoidCache) {
  22. var tpath = templatePath || obj.templatePath;
  23. var tmplts = dojo.widget._templateCache;
  24. if (!tpath && !obj["widgetType"]) {
  25. do {
  26. var dummyName = "__dummyTemplate__" + dojo.widget._templateCache.dummyCount++;
  27. } while (tmplts[dummyName]);
  28. obj.widgetType = dummyName;
  29. }
  30. var wt = tpath ? tpath.toString() : obj.widgetType;
  31. var ts = tmplts[wt];
  32. if (!ts) {
  33. tmplts[wt] = {"string":null, "node":null};
  34. if (avoidCache) {
  35. ts = {};
  36. } else {
  37. ts = tmplts[wt];
  38. }
  39. }
  40. if ((!obj.templateString) && (!avoidCache)) {
  41. obj.templateString = templateString || ts["string"];
  42. }
  43. if (obj.templateString) {
  44. obj.templateString = this._sanitizeTemplateString(obj.templateString);
  45. }
  46. if ((!obj.templateNode) && (!avoidCache)) {
  47. obj.templateNode = ts["node"];
  48. }
  49. if ((!obj.templateNode) && (!obj.templateString) && (tpath)) {
  50. var tstring = this._sanitizeTemplateString(dojo.hostenv.getText(tpath));
  51. obj.templateString = tstring;
  52. if (!avoidCache) {
  53. tmplts[wt]["string"] = tstring;
  54. }
  55. }
  56. if ((!ts["string"]) && (!avoidCache)) {
  57. ts.string = obj.templateString;
  58. }
  59. };
  60. dojo.widget._sanitizeTemplateString = function (tString) {
  61. if (tString) {
  62. tString = tString.replace(/^s*<?xml(s)+version=['"](d)*.(d)*['"](s)*?>/im, "");
  63. var matches = tString.match(/<body[^>]*>s*([sS]+)s*</body>/im);
  64. if (matches) {
  65. tString = matches[1];
  66. }
  67. } else {
  68. tString = "";
  69. }
  70. return tString;
  71. };
  72. dojo.widget._templateCache.dummyCount = 0;
  73. dojo.widget.attachProperties = ["dojoAttachPoint", "id"];
  74. dojo.widget.eventAttachProperty = "dojoAttachEvent";
  75. dojo.widget.onBuildProperty = "dojoOnBuild";
  76. dojo.widget.waiNames = ["waiRole", "waiState"];
  77. dojo.widget.wai = {waiRole:{name:"waiRole", "namespace":"http://www.w3.org/TR/xhtml2", alias:"x2", prefix:"wairole:"}, waiState:{name:"waiState", "namespace":"http://www.w3.org/2005/07/aaa", alias:"aaa", prefix:""}, setAttr:function (node, ns, attr, value) {
  78. if (dojo.render.html.ie) {
  79. node.setAttribute(this[ns].alias + ":" + attr, this[ns].prefix + value);
  80. } else {
  81. node.setAttributeNS(this[ns]["namespace"], attr, this[ns].prefix + value);
  82. }
  83. }, getAttr:function (node, ns, attr) {
  84. if (dojo.render.html.ie) {
  85. return node.getAttribute(this[ns].alias + ":" + attr);
  86. } else {
  87. return node.getAttributeNS(this[ns]["namespace"], attr);
  88. }
  89. }, removeAttr:function (node, ns, attr) {
  90. var success = true;
  91. if (dojo.render.html.ie) {
  92. success = node.removeAttribute(this[ns].alias + ":" + attr);
  93. } else {
  94. node.removeAttributeNS(this[ns]["namespace"], attr);
  95. }
  96. return success;
  97. }};
  98. dojo.widget.attachTemplateNodes = function (rootNode, targetObj, events) {
  99. var elementNodeType = dojo.dom.ELEMENT_NODE;
  100. function trim(str) {
  101. return str.replace(/^s+|s+$/g, "");
  102. }
  103. if (!rootNode) {
  104. rootNode = targetObj.domNode;
  105. }
  106. if (rootNode.nodeType != elementNodeType) {
  107. return;
  108. }
  109. var nodes = rootNode.all || rootNode.getElementsByTagName("*");
  110. var _this = targetObj;
  111. for (var x = -1; x < nodes.length; x++) {
  112. var baseNode = (x == -1) ? rootNode : nodes[x];
  113. var attachPoint = [];
  114. if (!targetObj.widgetsInTemplate || !baseNode.getAttribute("dojoType")) {
  115. for (var y = 0; y < this.attachProperties.length; y++) {
  116. var tmpAttachPoint = baseNode.getAttribute(this.attachProperties[y]);
  117. if (tmpAttachPoint) {
  118. attachPoint = tmpAttachPoint.split(";");
  119. for (var z = 0; z < attachPoint.length; z++) {
  120. if (dojo.lang.isArray(targetObj[attachPoint[z]])) {
  121. targetObj[attachPoint[z]].push(baseNode);
  122. } else {
  123. targetObj[attachPoint[z]] = baseNode;
  124. }
  125. }
  126. break;
  127. }
  128. }
  129. var attachEvent = baseNode.getAttribute(this.eventAttachProperty);
  130. if (attachEvent) {
  131. var evts = attachEvent.split(";");
  132. for (var y = 0; y < evts.length; y++) {
  133. if ((!evts[y]) || (!evts[y].length)) {
  134. continue;
  135. }
  136. var thisFunc = null;
  137. var tevt = trim(evts[y]);
  138. if (evts[y].indexOf(":") >= 0) {
  139. var funcNameArr = tevt.split(":");
  140. tevt = trim(funcNameArr[0]);
  141. thisFunc = trim(funcNameArr[1]);
  142. }
  143. if (!thisFunc) {
  144. thisFunc = tevt;
  145. }
  146. var tf = function () {
  147. var ntf = new String(thisFunc);
  148. return function (evt) {
  149. if (_this[ntf]) {
  150. _this[ntf](dojo.event.browser.fixEvent(evt, this));
  151. }
  152. };
  153. }();
  154. dojo.event.browser.addListener(baseNode, tevt, tf, false, true);
  155. }
  156. }
  157. for (var y = 0; y < events.length; y++) {
  158. var evtVal = baseNode.getAttribute(events[y]);
  159. if ((evtVal) && (evtVal.length)) {
  160. var thisFunc = null;
  161. var domEvt = events[y].substr(4);
  162. thisFunc = trim(evtVal);
  163. var funcs = [thisFunc];
  164. if (thisFunc.indexOf(";") >= 0) {
  165. funcs = dojo.lang.map(thisFunc.split(";"), trim);
  166. }
  167. for (var z = 0; z < funcs.length; z++) {
  168. if (!funcs[z].length) {
  169. continue;
  170. }
  171. var tf = function () {
  172. var ntf = new String(funcs[z]);
  173. return function (evt) {
  174. if (_this[ntf]) {
  175. _this[ntf](dojo.event.browser.fixEvent(evt, this));
  176. }
  177. };
  178. }();
  179. dojo.event.browser.addListener(baseNode, domEvt, tf, false, true);
  180. }
  181. }
  182. }
  183. }
  184. var tmpltPoint = baseNode.getAttribute(this.templateProperty);
  185. if (tmpltPoint) {
  186. targetObj[tmpltPoint] = baseNode;
  187. }
  188. dojo.lang.forEach(dojo.widget.waiNames, function (name) {
  189. var wai = dojo.widget.wai[name];
  190. var val = baseNode.getAttribute(wai.name);
  191. if (val) {
  192. if (val.indexOf("-") == -1) {
  193. dojo.widget.wai.setAttr(baseNode, wai.name, "role", val);
  194. } else {
  195. var statePair = val.split("-");
  196. dojo.widget.wai.setAttr(baseNode, wai.name, statePair[0], statePair[1]);
  197. }
  198. }
  199. }, this);
  200. var onBuild = baseNode.getAttribute(this.onBuildProperty);
  201. if (onBuild) {
  202. eval("var node = baseNode; var widget = targetObj; " + onBuild);
  203. }
  204. }
  205. };
  206. dojo.widget.getDojoEventsFromStr = function (str) {
  207. var re = /(dojoOn([a-z]+)(s?))=/gi;
  208. var evts = str ? str.match(re) || [] : [];
  209. var ret = [];
  210. var lem = {};
  211. for (var x = 0; x < evts.length; x++) {
  212. if (evts[x].length < 1) {
  213. continue;
  214. }
  215. var cm = evts[x].replace(/s/, "");
  216. cm = (cm.slice(0, cm.length - 1));
  217. if (!lem[cm]) {
  218. lem[cm] = true;
  219. ret.push(cm);
  220. }
  221. }
  222. return ret;
  223. };
  224. dojo.declare("dojo.widget.DomWidget", dojo.widget.Widget, function () {
  225. if ((arguments.length > 0) && (typeof arguments[0] == "object")) {
  226. this.create(arguments[0]);
  227. }
  228. }, {templateNode:null, templateString:null, templateCssString:null, preventClobber:false, domNode:null, containerNode:null, widgetsInTemplate:false, addChild:function (widget, overrideContainerNode, pos, ref, insertIndex) {
  229. if (!this.isContainer) {
  230. dojo.debug("dojo.widget.DomWidget.addChild() attempted on non-container widget");
  231. return null;
  232. } else {
  233. if (insertIndex == undefined) {
  234. insertIndex = this.children.length;
  235. }
  236. this.addWidgetAsDirectChild(widget, overrideContainerNode, pos, ref, insertIndex);
  237. this.registerChild(widget, insertIndex);
  238. }
  239. return widget;
  240. }, addWidgetAsDirectChild:function (widget, overrideContainerNode, pos, ref, insertIndex) {
  241. if ((!this.containerNode) && (!overrideContainerNode)) {
  242. this.containerNode = this.domNode;
  243. }
  244. var cn = (overrideContainerNode) ? overrideContainerNode : this.containerNode;
  245. if (!pos) {
  246. pos = "after";
  247. }
  248. if (!ref) {
  249. if (!cn) {
  250. cn = dojo.body();
  251. }
  252. ref = cn.lastChild;
  253. }
  254. if (!insertIndex) {
  255. insertIndex = 0;
  256. }
  257. widget.domNode.setAttribute("dojoinsertionindex", insertIndex);
  258. if (!ref) {
  259. cn.appendChild(widget.domNode);
  260. } else {
  261. if (pos == "insertAtIndex") {
  262. dojo.dom.insertAtIndex(widget.domNode, ref.parentNode, insertIndex);
  263. } else {
  264. if ((pos == "after") && (ref === cn.lastChild)) {
  265. cn.appendChild(widget.domNode);
  266. } else {
  267. dojo.dom.insertAtPosition(widget.domNode, cn, pos);
  268. }
  269. }
  270. }
  271. }, registerChild:function (widget, insertionIndex) {
  272. widget.dojoInsertionIndex = insertionIndex;
  273. var idx = -1;
  274. for (var i = 0; i < this.children.length; i++) {
  275. if (this.children[i].dojoInsertionIndex <= insertionIndex) {
  276. idx = i;
  277. }
  278. }
  279. this.children.splice(idx + 1, 0, widget);
  280. widget.parent = this;
  281. widget.addedTo(this, idx + 1);
  282. delete dojo.widget.manager.topWidgets[widget.widgetId];
  283. }, removeChild:function (widget) {
  284. dojo.dom.removeNode(widget.domNode);
  285. return dojo.widget.DomWidget.superclass.removeChild.call(this, widget);
  286. }, getFragNodeRef:function (frag) {
  287. if (!frag) {
  288. return null;
  289. }
  290. if (!frag[this.getNamespacedType()]) {
  291. dojo.raise("Error: no frag for widget type " + this.getNamespacedType() + ", id " + this.widgetId + " (maybe a widget has set it's type incorrectly)");
  292. }
  293. return frag[this.getNamespacedType()]["nodeRef"];
  294. }, postInitialize:function (args, frag, parentComp) {
  295. var sourceNodeRef = this.getFragNodeRef(frag);
  296. if (parentComp && (parentComp.snarfChildDomOutput || !sourceNodeRef)) {
  297. parentComp.addWidgetAsDirectChild(this, "", "insertAtIndex", "", args["dojoinsertionindex"], sourceNodeRef);
  298. } else {
  299. if (sourceNodeRef) {
  300. if (this.domNode && (this.domNode !== sourceNodeRef)) {
  301. this._sourceNodeRef = dojo.dom.replaceNode(sourceNodeRef, this.domNode);
  302. }
  303. }
  304. }
  305. if (parentComp) {
  306. parentComp.registerChild(this, args.dojoinsertionindex);
  307. } else {
  308. dojo.widget.manager.topWidgets[this.widgetId] = this;
  309. }
  310. if (this.widgetsInTemplate) {
  311. var parser = new dojo.xml.Parse();
  312. var subContainerNode;
  313. var subnodes = this.domNode.getElementsByTagName("*");
  314. for (var i = 0; i < subnodes.length; i++) {
  315. if (subnodes[i].getAttribute("dojoAttachPoint") == "subContainerWidget") {
  316. subContainerNode = subnodes[i];
  317. }
  318. if (subnodes[i].getAttribute("dojoType")) {
  319. subnodes[i].setAttribute("isSubWidget", true);
  320. }
  321. }
  322. if (this.isContainer && !this.containerNode) {
  323. if (subContainerNode) {
  324. var src = this.getFragNodeRef(frag);
  325. if (src) {
  326. dojo.dom.moveChildren(src, subContainerNode);
  327. frag["dojoDontFollow"] = true;
  328. }
  329. } else {
  330. dojo.debug("No subContainerWidget node can be found in template file for widget " + this);
  331. }
  332. }
  333. var templatefrag = parser.parseElement(this.domNode, null, true);
  334. dojo.widget.getParser().createSubComponents(templatefrag, this);
  335. var subwidgets = [];
  336. var stack = [this];
  337. var w;
  338. while ((w = stack.pop())) {
  339. for (var i = 0; i < w.children.length; i++) {
  340. var cwidget = w.children[i];
  341. if (cwidget._processedSubWidgets || !cwidget.extraArgs["issubwidget"]) {
  342. continue;
  343. }
  344. subwidgets.push(cwidget);
  345. if (cwidget.isContainer) {
  346. stack.push(cwidget);
  347. }
  348. }
  349. }
  350. for (var i = 0; i < subwidgets.length; i++) {
  351. var widget = subwidgets[i];
  352. if (widget._processedSubWidgets) {
  353. dojo.debug("This should not happen: widget._processedSubWidgets is already true!");
  354. return;
  355. }
  356. widget._processedSubWidgets = true;
  357. if (widget.extraArgs["dojoattachevent"]) {
  358. var evts = widget.extraArgs["dojoattachevent"].split(";");
  359. for (var j = 0; j < evts.length; j++) {
  360. var thisFunc = null;
  361. var tevt = dojo.string.trim(evts[j]);
  362. if (tevt.indexOf(":") >= 0) {
  363. var funcNameArr = tevt.split(":");
  364. tevt = dojo.string.trim(funcNameArr[0]);
  365. thisFunc = dojo.string.trim(funcNameArr[1]);
  366. }
  367. if (!thisFunc) {
  368. thisFunc = tevt;
  369. }
  370. if (dojo.lang.isFunction(widget[tevt])) {
  371. dojo.event.kwConnect({srcObj:widget, srcFunc:tevt, targetObj:this, targetFunc:thisFunc});
  372. } else {
  373. alert(tevt + " is not a function in widget " + widget);
  374. }
  375. }
  376. }
  377. if (widget.extraArgs["dojoattachpoint"]) {
  378. this[widget.extraArgs["dojoattachpoint"]] = widget;
  379. }
  380. }
  381. }
  382. if (this.isContainer && !frag["dojoDontFollow"]) {
  383. dojo.widget.getParser().createSubComponents(frag, this);
  384. }
  385. }, buildRendering:function (args, frag) {
  386. var ts = dojo.widget._templateCache[this.widgetType];
  387. if (args["templatecsspath"]) {
  388. args["templateCssPath"] = args["templatecsspath"];
  389. }
  390. var cpath = args["templateCssPath"] || this.templateCssPath;
  391. if (cpath && !dojo.widget._cssFiles[cpath.toString()]) {
  392. if ((!this.templateCssString) && (cpath)) {
  393. this.templateCssString = dojo.hostenv.getText(cpath);
  394. this.templateCssPath = null;
  395. }
  396. dojo.widget._cssFiles[cpath.toString()] = true;
  397. }
  398. if ((this["templateCssString"]) && (!dojo.widget._cssStrings[this.templateCssString])) {
  399. dojo.html.insertCssText(this.templateCssString, null, cpath);
  400. dojo.widget._cssStrings[this.templateCssString] = true;
  401. }
  402. if ((!this.preventClobber) && ((this.templatePath) || (this.templateNode) || ((this["templateString"]) && (this.templateString.length)) || ((typeof ts != "undefined") && ((ts["string"]) || (ts["node"]))))) {
  403. this.buildFromTemplate(args, frag);
  404. } else {
  405. this.domNode = this.getFragNodeRef(frag);
  406. }
  407. this.fillInTemplate(args, frag);
  408. }, buildFromTemplate:function (args, frag) {
  409. var avoidCache = false;
  410. if (args["templatepath"]) {
  411. args["templatePath"] = args["templatepath"];
  412. }
  413. dojo.widget.fillFromTemplateCache(this, args["templatePath"], null, avoidCache);
  414. var ts = dojo.widget._templateCache[this.templatePath ? this.templatePath.toString() : this.widgetType];
  415. if ((ts) && (!avoidCache)) {
  416. if (!this.templateString.length) {
  417. this.templateString = ts["string"];
  418. }
  419. if (!this.templateNode) {
  420. this.templateNode = ts["node"];
  421. }
  422. }
  423. var matches = false;
  424. var node = null;
  425. var tstr = this.templateString;
  426. if ((!this.templateNode) && (this.templateString)) {
  427. matches = this.templateString.match(/${([^}]+)}/g);
  428. if (matches) {
  429. var hash = this.strings || {};
  430. for (var key in dojo.widget.defaultStrings) {
  431. if (dojo.lang.isUndefined(hash[key])) {
  432. hash[key] = dojo.widget.defaultStrings[key];
  433. }
  434. }
  435. for (var i = 0; i < matches.length; i++) {
  436. var key = matches[i];
  437. key = key.substring(2, key.length - 1);
  438. var kval = (key.substring(0, 5) == "this.") ? dojo.lang.getObjPathValue(key.substring(5), this) : hash[key];
  439. var value;
  440. if ((kval) || (dojo.lang.isString(kval))) {
  441. value = new String((dojo.lang.isFunction(kval)) ? kval.call(this, key, this.templateString) : kval);
  442. while (value.indexOf(""") > -1) {
  443. value = value.replace(""", "&quot;");
  444. }
  445. tstr = tstr.replace(matches[i], value);
  446. }
  447. }
  448. } else {
  449. this.templateNode = this.createNodesFromText(this.templateString, true)[0];
  450. if (!avoidCache) {
  451. ts.node = this.templateNode;
  452. }
  453. }
  454. }
  455. if ((!this.templateNode) && (!matches)) {
  456. dojo.debug("DomWidget.buildFromTemplate: could not create template");
  457. return false;
  458. } else {
  459. if (!matches) {
  460. node = this.templateNode.cloneNode(true);
  461. if (!node) {
  462. return false;
  463. }
  464. } else {
  465. node = this.createNodesFromText(tstr, true)[0];
  466. }
  467. }
  468. this.domNode = node;
  469. this.attachTemplateNodes();
  470. if (this.isContainer && this.containerNode) {
  471. var src = this.getFragNodeRef(frag);
  472. if (src) {
  473. dojo.dom.moveChildren(src, this.containerNode);
  474. }
  475. }
  476. }, attachTemplateNodes:function (baseNode, targetObj) {
  477. if (!baseNode) {
  478. baseNode = this.domNode;
  479. }
  480. if (!targetObj) {
  481. targetObj = this;
  482. }
  483. return dojo.widget.attachTemplateNodes(baseNode, targetObj, dojo.widget.getDojoEventsFromStr(this.templateString));
  484. }, fillInTemplate:function () {
  485. }, destroyRendering:function () {
  486. try {
  487. dojo.dom.destroyNode(this.domNode);
  488. delete this.domNode;
  489. }
  490. catch (e) {
  491. }
  492. if (this._sourceNodeRef) {
  493. try {
  494. dojo.dom.destroyNode(this._sourceNodeRef);
  495. }
  496. catch (e) {
  497. }
  498. }
  499. }, createNodesFromText:function () {
  500. dojo.unimplemented("dojo.widget.DomWidget.createNodesFromText");
  501. }});