$Module.js 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378
  1. MWF.require("MWF.widget.Common", null, false);
  2. /** @class $Module 组件类,此类为所有组件的父类。
  3. * @abstract*/
  4. MWF.xApplication.process.Xform.$Module = MWF.APP$Module = new Class(
  5. /** @lends MWF.xApplication.process.Xform.$Module# */
  6. {
  7. Implements: [Events],
  8. options: {
  9. "moduleEvents": ["load", "queryLoad", "postLoad"]
  10. },
  11. initialize: function(node, json, form, options){
  12. /**
  13. * 组件的节点
  14. * @see https://mootools.net/core/docs/1.6.0/Element/Element
  15. * @member {Element}
  16. * @example
  17. * //可以在脚本中获取该组件
  18. * var field = this.form.get("fieldName"); //获取组件对象
  19. * field.node.setStyle("font-size","12px"); //给节点设置样式
  20. * @extends MWF.xApplication.process.Xform.$Input
  21. */
  22. this.node = $(node);
  23. this.node.store("module", this);
  24. /**
  25. * 组件的配置信息,比如id,类型等.
  26. * @member {JsonObject}
  27. * @example
  28. * //可以在脚本中获取该组件
  29. * var json = this.form.get("fieldName").json; //获取组件对象
  30. * var id = json.id; //获取组件的id
  31. * var type = json.type; //获取组件的类型,如Textfield 为文本输入组件,Select为下拉组件
  32. */
  33. this.json = json;
  34. /**
  35. * 组件的所在表单对象.
  36. * @member {MWF.xApplication.process.Xform.Form}
  37. * @example
  38. * var form = this.form.get("fieldName").form; //获取组件所在表单对象
  39. * form.saveFormData(); //保存表单数据
  40. */
  41. this.form = form;
  42. },
  43. _getSource: function(){
  44. var parent = this.node.getParent();
  45. while(parent && (
  46. parent.get("MWFtype")!="source" &&
  47. parent.get("MWFtype")!="subSource" &&
  48. parent.get("MWFtype")!="subSourceItem"
  49. )) parent = parent.getParent();
  50. return (parent) ? parent.retrieve("module") : null;
  51. },
  52. /**
  53. * 隐藏组件.
  54. * @example
  55. * this.form.get("fieldName").hide(); //隐藏组件
  56. */
  57. hide: function(){
  58. var dsp = this.node.getStyle("display");
  59. if (dsp!=="none") this.node.store("mwf_display", dsp);
  60. this.node.setStyle("display", "none");
  61. if (this.iconNode) this.iconNode.setStyle("display", "none");
  62. },
  63. /**
  64. * 显示组件.
  65. * @example
  66. * this.form.get("fieldName").show(); //显示组件
  67. */
  68. show: function(){
  69. var dsp = this.node.retrieve("mwf_display", dsp);
  70. this.node.setStyle("display", dsp);
  71. if (this.iconNode) this.iconNode.setStyle("display", "block");
  72. },
  73. load: function(){
  74. this._loadModuleEvents();
  75. if (this.fireEvent("queryLoad")){
  76. this._queryLoaded();
  77. this._loadUserInterface();
  78. this._loadStyles();
  79. this._loadDomEvents();
  80. //this._loadEvents();
  81. this._afterLoaded();
  82. this.fireEvent("postLoad");
  83. this.fireEvent("load");
  84. }
  85. },
  86. _loadUserInterface: function(){
  87. // this.node = this.node;
  88. },
  89. _loadStyles: function(){
  90. if (this.json.styles) Object.each(this.json.styles, function(value, key){
  91. if ((value.indexOf("x_processplatform_assemble_surface")!=-1 || value.indexOf("x_portal_assemble_surface")!=-1 || value.indexOf("x_cms_assemble_control")!=-1)){
  92. var host1 = MWF.Actions.getHost("x_processplatform_assemble_surface");
  93. var host2 = MWF.Actions.getHost("x_portal_assemble_surface");
  94. var host3 = MWF.Actions.getHost("x_cms_assemble_control");
  95. if (value.indexOf("/x_processplatform_assemble_surface")!==-1){
  96. value = value.replace("/x_processplatform_assemble_surface", host1+"/x_processplatform_assemble_surface");
  97. }else if (value.indexOf("x_processplatform_assemble_surface")!==-1){
  98. value = value.replace("x_processplatform_assemble_surface", host1+"/x_processplatform_assemble_surface");
  99. }
  100. if (value.indexOf("/x_portal_assemble_surface")!==-1){
  101. value = value.replace("/x_portal_assemble_surface", host2+"/x_portal_assemble_surface");
  102. }else if (value.indexOf("x_portal_assemble_surface")!==-1){
  103. value = value.replace("x_portal_assemble_surface", host2+"/x_portal_assemble_surface");
  104. }
  105. if (value.indexOf("/x_cms_assemble_control")!==-1){
  106. value = value.replace("/x_cms_assemble_control", host3+"/x_cms_assemble_control");
  107. }else if (value.indexOf("x_cms_assemble_control")!==-1){
  108. value = value.replace("x_cms_assemble_control", host3+"/x_cms_assemble_control");
  109. }
  110. value = o2.filterUrl(value);
  111. }
  112. this.node.setStyle(key, value);
  113. }.bind(this));
  114. // if (["x_processplatform_assemble_surface", "x_portal_assemble_surface"].indexOf(root.toLowerCase())!==-1){
  115. // var host = MWF.Actions.getHost(root);
  116. // return (flag==="/") ? host+this.json.template : host+"/"+this.json.template
  117. // }
  118. //if (this.json.styles) this.node.setStyles(this.json.styles);
  119. },
  120. _loadModuleEvents : function(){
  121. Object.each(this.json.events, function(e, key){
  122. if (e.code){
  123. if (this.options.moduleEvents.indexOf(key)!==-1){
  124. this.addEvent(key, function(event){
  125. return this.form.Macro.fire(e.code, this, event);
  126. }.bind(this));
  127. }
  128. }
  129. }.bind(this));
  130. },
  131. _loadDomEvents: function(){
  132. Object.each(this.json.events, function(e, key){
  133. if (e.code){
  134. if (this.options.moduleEvents.indexOf(key)===-1){
  135. this.node.addEvent(key, function(event){
  136. return this.form.Macro.fire(e.code, this, event);
  137. }.bind(this));
  138. }
  139. }
  140. }.bind(this));
  141. },
  142. _loadEvents: function(){
  143. Object.each(this.json.events, function(e, key){
  144. if (e.code){
  145. if (this.options.moduleEvents.indexOf(key)!==-1){
  146. this.addEvent(key, function(event){
  147. return this.form.Macro.fire(e.code, this, event);
  148. }.bind(this));
  149. }else{
  150. this.node.addEvent(key, function(event){
  151. return this.form.Macro.fire(e.code, this, event);
  152. }.bind(this));
  153. }
  154. }
  155. }.bind(this));
  156. },
  157. addModuleEvent: function(key, fun){
  158. if (this.options.moduleEvents.indexOf(key)!==-1){
  159. this.addEvent(key, function(event){
  160. return (fun) ? fun(this, event) : null;
  161. }.bind(this));
  162. }else{
  163. this.node.addEvent(key, function(event){
  164. return (fun) ? fun(this, event) : null;
  165. }.bind(this));
  166. }
  167. },
  168. _getBusinessData: function(){
  169. if (this.json.section=="yes"){
  170. return this._getBusinessSectionData();
  171. }else {
  172. if (this.json.type==="Opinion"){
  173. return this._getBusinessSectionDataByPerson();
  174. }else{
  175. return this.form.businessData.data[this.json.id] || "";
  176. }
  177. }
  178. },
  179. _getBusinessSectionData: function(){
  180. switch (this.json.sectionBy){
  181. case "person":
  182. return this._getBusinessSectionDataByPerson();
  183. case "unit":
  184. return this._getBusinessSectionDataByUnit();
  185. case "activity":
  186. return this._getBusinessSectionDataByActivity();
  187. case "splitValue":
  188. return this._getBusinessSectionDataBySplitValue();
  189. case "script":
  190. return this._getBusinessSectionDataByScript(((this.json.sectionByScript) ? this.json.sectionByScript.code : ""));
  191. default:
  192. return this.form.businessData.data[this.json.id] || "";
  193. }
  194. },
  195. _getBusinessSectionDataByPerson: function(){
  196. this.form.sectionListObj[this.json.id] = layout.desktop.session.user.id;
  197. var dataObj = this.form.businessData.data[this.json.id];
  198. return (dataObj) ? (dataObj[layout.desktop.session.user.id] || "") : "";
  199. },
  200. _getBusinessSectionDataByUnit: function(){
  201. this.form.sectionListObj[this.json.id] = "";
  202. var dataObj = this.form.businessData.data[this.json.id];
  203. if (!dataObj) return "";
  204. var key = (this.form.businessData.task) ? this.form.businessData.task.unit : "";
  205. if (key) this.form.sectionListObj[this.json.id] = key;
  206. return (key) ? (dataObj[key] || "") : "";
  207. },
  208. _getBusinessSectionDataByActivity: function(){
  209. this.form.sectionListObj[this.json.id] = "";
  210. var dataObj = this.form.businessData.data[this.json.id];
  211. if (!dataObj) return "";
  212. var key = (this.form.businessData.work) ? this.form.businessData.work.activity : "";
  213. if (key) this.form.sectionListObj[this.json.id] = key;
  214. return (key) ? (dataObj[key] || "") : "";
  215. },
  216. _getBusinessSectionDataBySplitValue: function(){
  217. this.form.sectionListObj[this.json.id] = "";
  218. var dataObj = this.form.businessData.data[this.json.id];
  219. if (!dataObj) return "";
  220. var key = (this.form.businessData.work) ? this.form.businessData.work.splitValue : "";
  221. if (key) this.form.sectionListObj[this.json.id] = key;
  222. return (key) ? (dataObj[key] || "") : "";
  223. },
  224. _getBusinessSectionDataByScript: function(code){
  225. this.form.sectionListObj[this.json.id] = "";
  226. var dataObj = this.form.businessData.data[this.json.id];
  227. if (!dataObj) return "";
  228. var key = this.form.Macro.exec(code, this);
  229. if (key) this.form.sectionListObj[this.json.id] = key;
  230. return (key) ? (dataObj[key] || "") : "";
  231. },
  232. _setBusinessData: function(v){
  233. if (this.json.section=="yes"){
  234. this._setBusinessSectionData(v);
  235. }else {
  236. if (this.json.type==="Opinion"){
  237. this._setBusinessSectionDataByPerson(v);
  238. }else{
  239. if (this.form.businessData.data[this.json.id]){
  240. this.form.businessData.data[this.json.id] = v;
  241. }else{
  242. this.form.businessData.data[this.json.id] = v;
  243. this.form.Macro.environment.setData(this.form.businessData.data);
  244. }
  245. if (this.json.isTitle) this.form.businessData.work.title = v;
  246. }
  247. }
  248. },
  249. _setBusinessSectionData: function(v){
  250. switch (this.json.sectionBy){
  251. case "person":
  252. this._setBusinessSectionDataByPerson(v);
  253. break;
  254. case "unit":
  255. this._setBusinessSectionDataByUnit(v);
  256. break;
  257. case "activity":
  258. this._setBusinessSectionDataByActivity(v);
  259. break;
  260. case "splitValue":
  261. this._setBusinessSectionDataBySplitValue(v);
  262. break;
  263. case "script":
  264. this._setBusinessSectionDataByScript(this.json.sectionByScript.code, v);
  265. break;
  266. default:
  267. if (this.form.businessData.data[this.json.id]){
  268. this.form.businessData.data[this.json.id] = v;
  269. }else{
  270. this.form.businessData.data[this.json.id] = v;
  271. this.form.Macro.environment.setData(this.form.businessData.data);
  272. }
  273. }
  274. },
  275. _setBusinessSectionDataByPerson: function(v){
  276. var resetData = false;
  277. var key = layout.desktop.session.user.id;
  278. var dataObj = this.form.businessData.data[this.json.id];
  279. if (!dataObj){
  280. dataObj = {};
  281. this.form.businessData.data[this.json.id] = dataObj;
  282. resetData = true;
  283. }
  284. if (!dataObj[key]) resetData = true;
  285. dataObj[key] = v;
  286. if (resetData) this.form.Macro.environment.setData(this.form.businessData.data);
  287. },
  288. _setBusinessSectionDataByUnit: function(v){
  289. var resetData = false;
  290. var key = (this.form.businessData.task) ? this.form.businessData.task.unit : "";
  291. if (key){
  292. var dataObj = this.form.businessData.data[this.json.id];
  293. if (!dataObj){
  294. dataObj = {};
  295. this.form.businessData.data[this.json.id] = dataObj;
  296. resetData = true;
  297. }
  298. if (!dataObj[key]) resetData = true;
  299. dataObj[key] = v;
  300. }
  301. if (resetData) this.form.Macro.environment.setData(this.form.businessData.data);
  302. },
  303. _setBusinessSectionDataByActivity: function(v){
  304. var resetData = false;
  305. var key = (this.form.businessData.work) ? this.form.businessData.work.activity : "";
  306. if (key){
  307. var dataObj = this.form.businessData.data[this.json.id];
  308. if (!dataObj){
  309. dataObj = {};
  310. this.form.businessData.data[this.json.id] = dataObj;
  311. resetData = true;
  312. }
  313. if (!dataObj[key]) resetData = true;
  314. dataObj[key] = v;
  315. }
  316. if (resetData) this.form.Macro.environment.setData(this.form.businessData.data);
  317. },
  318. _setBusinessSectionDataBySplitValue: function(v){
  319. var resetData = false;
  320. var key = (this.form.businessData.work) ? this.form.businessData.work.splitValue : "";
  321. if (key){
  322. var dataObj = this.form.businessData.data[this.json.id];
  323. if (!dataObj){
  324. dataObj = {};
  325. this.form.businessData.data[this.json.id] = dataObj;
  326. resetData = true;
  327. }
  328. if (!dataObj[key]) resetData = true;
  329. dataObj[key] = v;
  330. }
  331. if (resetData) this.form.Macro.environment.setData(this.form.businessData.data);
  332. },
  333. _setBusinessSectionDataByScript: function(code, v){
  334. var resetData = false;
  335. var key = this.form.Macro.exec(code, this);
  336. if (key){
  337. var dataObj = this.form.businessData.data[this.json.id];
  338. if (!dataObj){
  339. dataObj = {};
  340. this.form.businessData.data[this.json.id] = dataObj;
  341. resetData = true;
  342. }
  343. if (!dataObj[key]) resetData = true;
  344. dataObj[key] = v;
  345. }
  346. if (resetData) this.form.Macro.environment.setData(this.form.businessData.data);
  347. },
  348. _queryLoaded: function(){},
  349. _afterLoaded: function(){},
  350. setValue: function(){
  351. },
  352. focus: function(){
  353. this.node.focus();
  354. }
  355. });