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

源码开发语言/平台
当前位置：首页 > 源码/资料 > Java编程 > JavaScript > 查看源码
property.js
资源名称：Javascript工作流图形界面.rar　[点击查看]
上传用户：yfdli66
上传日期：2010-02-20
资源大小：47k
文件大小：13k
源码类别：

JavaScript

开发平台：

JavaScript

property.js：源码内容
  1. /*------------------------------------------------------------------------------
  2. +                        属性的显示                             +
  3. +                                                        +
  4. +                           +
  5. -------------------------------------------------------------------------------*/
  6. var pp_RightInputCss   =    "font:12;width:100%;"+
  7.      "height:100%;"+
  8.                                 "border:none;"+
  9.                                 "background-color: Transparent;";
  12. //改变属性
  13. function changeProperty(aObj) {
  14. if (aObj.isChanged==true) {
  15. aObj.isChanged = false //设为false
  16. var obj;
  17. if (aObj.fieldName=="name") {
  18. var obj = new ChangeNameSty(fSelectedObj);
  19. obj.inputValue = aObj.value;
  20. } else if (aObj.fieldName=="left") {
  21. var obj = new ChangeLeftSty(fSelectedObj);
  22. obj.canvasObj = document.all.drawCanvas;
  23. obj.inputValue = aObj.value;
  24. } else if (aObj.fieldName=="top") {
  25. var obj = new ChangeTopSty(fSelectedObj);
  26. obj.canvasObj = document.all.drawCanvas;
  27. obj.inputValue = aObj.value;
  28. } else if (aObj.fieldName=="view") {
  29. var obj = new ChangeViewSty(fSelectedObj);
  30. obj.inputValue = aObj.value;
  31. } else if (aObj.fieldName=="auto") {
  32. var obj = new ChangeAutoSty(fSelectedObj);
  33. obj.inputValue = aObj.options[aObj.selectedIndex].value;
  34. } else if (aObj.fieldName=="conditionType") {
  35. var obj = new ChangeConditionTypeSty(fSelectedObj);
  36. obj.inputValue = aObj.options[aObj.selectedIndex].value;
  37. } else if (aObj.fieldName=="owner") {
  38. var obj = new ChangeOwnerSty(fSelectedObj);
  39. obj.inputValue = aObj.value;
  40. } else if (aObj.fieldName=="status") {
  41. var obj = new ChangeStatusSty(fSelectedObj);
  42. obj.inputValue = aObj.options[aObj.selectedIndex].value;
  43. } else if (aObj.fieldName=="oldStatus") {
  44. var obj = new ChangeOldStatusSty(fSelectedObj);
  45. obj.inputValue = aObj.options[aObj.selectedIndex].value;
  47. } else {
  48. alert(aObj.ctlType +" 没有定义，无法改变属性");
  49. return;
  50. }
  52. changePropertyContext.setStrategy(obj);
  53. changePropertyContext.changeProperty(); //改变属性
  54. controlSubject.notifyObservers(); //通知所有的观察者
  55. }
  57. }
  58. //重置所有的行
  59. function resetAllTR(aTR) {
  60. //先重置所有的行
  61. var obj;
  62. for (var i=0;i<aTR.parentElement.rows.length;i++) {
  63. obj = aTR.parentElement.rows[i];
  64. obj.firstChild.firstChild.firstChild.firstChild.firstChild.style.backgroundColor = "#FFFFFF";
  65. obj.firstChild.firstChild.firstChild.firstChild.firstChild.style.color = "#000000";
  66. }
  67. }
  69. //选择行
  70. function selectThisTR(aTR) {
  71. //重置所有行
  72. resetAllTR(aTR);
  73. //设置左边
  74. aTR.cells[0].firstChild.firstChild.firstChild.firstChild.style.backgroundColor = "#0A246A";
  75. aTR.cells[0].firstChild.firstChild.firstChild.firstChild.style.color = "#FFFFFF";
  76. }
  78. function moreEdit (aObj,aUrl) {
  79. var feature="dialogHeight:300px;dialogWidth:500px;edge:Raised;center: Yes;help: no;resizable:yes;status: no;";
  80. window.showModalDialog(aUrl,"编辑",feature);
  81. }
  85. /*--------属性状态-----------*/
  86. //属性状态接口
  87. function PropertyState (aTableObj,aSObj) {
  88. //property
  89. this.tableObj = aTableObj; //属性table对象
  90. this.sObj = aSObj;         //当前所选控件
  91. //interface
  92. this.setProperty = setProperty;  //设置属性
  93. //method
  94. this.clearRows = clearRows;      //清空所有的行
  95. this.getRow = getRow;  //获得一行
  97. this.getEditRow = getEditRow; //编辑的行
  98. this.getComboBoxRow = getComboBoxRow; //选择的行
  99. this.getMoreRow = getMoreRow; //弹出的行
  101. function setProperty () {
  102. }
  103. function clearRows () {
  104. while(this.tableObj.rows.length>0){
  105. this.tableObj.deleteRow(0);
  106. }
  107. }
  108. function getRow (aType,aLable,aFieldName,aFieldValue,aCanEdit) {
  109. var str = "";
  111. str  =  str+"<tr onmousedown = 'selectThisTR(this)' ><td><table bgcolor='#FFFFFF'  width=100% border=0 cellspacing=0 cellpadding=0><tr>";
  112. str  =  str+"<td width=75 style='cursor:default'>"+aLable+"</td><td style='BORDER-LEFT: gray 1pt solid;cursor:default'>";
  114. //类别
  115. if (aType==1) {  //edit
  116. if (aCanEdit) {
  117. str  =  str+"<input type='text' isChanged=false fieldName='"+aFieldName+"' value='"+aFieldValue+"'     onblur='changeProperty(this)'  style='"+pp_RightInputCss+"' onkeyup="this.isChanged=true"  onkeydown='if(event.keyCode==13){this.blur()};event.cancelBubble=true' >";
  118. } else {
  119.                  str  =  str+"<font color=gray>"+aFieldValue+"</font>";
  120. }
  121. } else if (aType==2) { //comboBox
  122. var theValue = aFieldValue.split(":")[0];
  123. var opAry = ( aFieldValue.split(":") )[1].split(";");
  124. str  =  str+"<span style='position:relative;top:0px'><select isChanged=false fieldName='"+aFieldName+"' onchange='this.isChanged=true;changeProperty(this)' style='margin:-2px;width:100%'>";
  125. for (var i=0;i<opAry.length;i++) {
  126. if (opAry[i]==theValue) {
  127. str  =  str+"<option selected value='"+opAry[i]+"'>"+opAry[i]+"</option>";
  128. } else {
  129. str  =  str+"<option value='"+opAry[i]+"'>"+opAry[i]+"</option>";
  130. }
  131. }//end for
  132. str  =  str+"</select></span>";
  133. } else if (aType==3) { //more
  134. str  =  str+"<span><font color=gray>[more]</font>&nbsp;&nbsp;&nbsp;&nbsp;<img fieldName='"+aFieldName+"' onmousedown="this.src='images/workflow/more_hit.gif'" onmouseup="this.src='images/workflow/more.gif';moreEdit(this,'"+aFieldValue+"')" src='images/workflow/more.gif' width='16' height='16'></span>";
  135. }
  138. str  =  str+"</td></tr></table></td></tr>";
  139. return str;
  140. }
  141. //编辑的行
  142.         function getEditRow (aLable,aFieldName,aFieldValue,aCanEdit) {
  143. return this.getRow (1,aLable,aFieldName,aFieldValue,aCanEdit);
  144.         }
  145. //选择的行
  146.         function getComboBoxRow (aLable,aFieldName,aFieldValue,aSelectList,aCanEdit) {
  147. return this.getRow (2,aLable,aFieldName,aFieldValue+":"+aSelectList,aCanEdit);
  148.         }
  149. //弹出的行
  150.         function getMoreRow (aLable,aFieldName,aUrl) {
  151. return this.getRow (3,aLable,aFieldName,aUrl,true);
  152.         }
  155.         function getFlowRow (aCaption,aUrl) {
  156. return getRow(1,aCaption,aUrl,true,true);
  157.         }
  159. }
  160. //合并
  161. function JoinsPropertyState (aTableObj,aSObj) {
  162. //inhert
  163.      this.base=PropertyState;
  164.         this.base(aTableObj,aSObj);
  165. //override
  166. this.setProperty = setProperty;
  167. function setProperty () {
  168. this.clearRows(); //清空所有的行
  169. var str = this.tableObj.outerHTML.slice(0,-16);
  170. //id
  171.    str +=  this.getEditRow("id","id",this.sObj.id,false);
  172. //type
  173. str +=  this.getEditRow("type","type",this.sObj.ctlType,false);
  174. //left
  175. str +=  this.getEditRow("left","left",this.sObj.style.posLeft,true);
  176. //top
  177. str +=  this.getEditRow("top","top",this.sObj.style.posTop,true);
  178. //名称
  179. str +=  this.getEditRow("名称","name",this.sObj.lastChild.innerText,false);
  180. //条件类型
  181. str +=  this.getComboBoxRow("条件类型","conditionType",this.sObj.conditionType,"or;and",true);
  182. //条件
  183.         str +=  this.getMoreRow ("条件","aFieldName","workflow/flow_condition.jsp");
  185. str +="</tbody></table>";
  187. this.tableObj.outerHTML=str;
  188. }
  189. }
  190. //分支
  191. function SplitsPropertyState (aTableObj,aSObj) {
  192. //inhert
  193.      this.base=PropertyState;
  194.         this.base(aTableObj,aSObj);
  195. //override
  196. this.setProperty = setProperty;
  197. function setProperty () {
  198. this.clearRows(); //清空所有的行
  199. var str = this.tableObj.outerHTML.slice(0,-16);
  200. //id
  201.    str +=  this.getEditRow("id","id",this.sObj.id,false);
  202. //type
  203. str +=  this.getEditRow("type","type",this.sObj.ctlType,false);
  204. //left
  205. str +=  this.getEditRow("left","left",this.sObj.style.posLeft,true);
  206. //top
  207. str +=  this.getEditRow("top","top",this.sObj.style.posTop,true);
  208. //name
  209. str +=  this.getEditRow("名称","name",this.sObj.lastChild.innerText,false);
  210. //结果
  211.         str +=  this.getMoreRow ("结果","aFieldName","workflow/flow_result.jsp");
  213. str +="</tbody></table>";
  214. this.tableObj.outerHTML=str;
  215. }
  216. }
  218. //启动
  219. function InitialPropertyState (aTableObj,aSObj) {
  220. //inhert
  221.      this.base=PropertyState;
  222.         this.base(aTableObj,aSObj);
  223. //override
  224. this.setProperty = setProperty;
  225. function setProperty () {
  226. this.clearRows(); //清空所有的行
  227. var str = this.tableObj.outerHTML.slice(0,-16);
  228. //id
  229.    str +=  this.getEditRow("id","id",this.sObj.id,false);
  230. //type
  231. str +=  this.getEditRow("type","type",this.sObj.ctlType,false);
  232. //left
  233. str +=  this.getEditRow("left","left",this.sObj.style.posLeft,true);
  234. //top
  235. str +=  this.getEditRow("top","top",this.sObj.style.posTop,true);
  236. //名称
  238. str +=  this.getEditRow("名称","name",this.sObj.lastChild.innerText,true);
  239. //试图
  240. str +=  this.getEditRow("视图","view",this.sObj.view,true);
  241. //权限
  242.         str +=  this.getMoreRow ("权限","aFieldName","workflow/flow_role.jsp");
  243. //预处理
  244.         str +=  this.getMoreRow ("预处理","aFieldName","workflow/flow_prv.jsp");
  245. //后处理
  246.         str +=  this.getMoreRow ("后处理","aFieldName","workflow/flow_next.jsp");
  248. str +="</tbody></table>";
  249. this.tableObj.outerHTML=str;
  250. }
  251. }
  253. //步骤
  254. function StepsPropertyState (aTableObj,aSObj) {
  255. //inhert
  256.      this.base=PropertyState;
  257.         this.base(aTableObj,aSObj);
  258. //override
  259. this.setProperty = setProperty;
  260. function setProperty () {
  261. this.clearRows(); //清空所有的行
  262. var str = this.tableObj.outerHTML.slice(0,-16);
  263. //id
  264.    str +=  this.getEditRow("id","id",this.sObj.id,false);
  265. //type
  266. str +=  this.getEditRow("type","type",this.sObj.ctlType,false);
  267. //left
  268. str +=  this.getEditRow("left","left",this.sObj.style.posLeft,true);
  269. //top
  270. str +=  this.getEditRow("top","top",this.sObj.style.posTop,true);
  271. //名称
  272. str +=  this.getEditRow("名称","name",this.sObj.lastChild.innerText,true);
  273. //试图
  274. str +=  this.getEditRow("视图","view",this.sObj.view,true);
  275. //自动
  276. str +=  this.getComboBoxRow("自动","auto",this.sObj.auto,"yes;no",true);
  277. //权限
  278.         str +=  this.getMoreRow ("权限","aFieldName","workflow/flow_role.jsp");
  279. //预处理
  280.         str +=  this.getMoreRow ("预处理","aFieldName","workflow/flow_prv.jsp");
  281. //后处理
  282.         str +=  this.getMoreRow ("后处理","aFieldName","workflow/flow_next.jsp");
  284. str +="</tbody></table>";
  285. this.tableObj.outerHTML=str;
  286. }
  287. }
  288. //线条
  289. function LinesPropertyState (aTableObj,aSObj) {
  290. //inhert
  291.      this.base=PropertyState;
  292.         this.base(aTableObj,aSObj);
  293. //override
  294. this.setProperty = setProperty;
  295. function setProperty () {
  296. this.clearRows(); //清空所有的行
  297. var str = this.tableObj.outerHTML.slice(0,-16);
  298. //id
  299.    str +=  this.getEditRow("id","id",this.sObj.id,false);
  300. //type
  301. str +=  this.getEditRow("type","type",this.sObj.ctlType,false);
  302. //owner
  303. str +=  this.getEditRow("所有者","owner",this.sObj.owner,true);
  304. //下步启动状态
  305. str +=  this.getComboBoxRow("下步启动状态","status",this.sObj.status,"Queued;Underway;Finished",true);
  306. //本步结束状态
  307. str +=  this.getComboBoxRow("本步结束状态","oldStatus",this.sObj.oldStatus,"Queued;Underway;Finished",true);
  308. //预处理
  309.         str +=  this.getMoreRow ("预处理","aFieldName","workflow/flow_prv.jsp");
  310. //后处理
  311.         str +=  this.getMoreRow ("后处理","aFieldName","workflow/flow_next.jsp");
  312. //条件
  313.         str +=  this.getMoreRow ("条件","aFieldName","workflow/flow_condition.jsp");
  315. str +="</tbody></table>";
  316. this.tableObj.outerHTML=str;
  317. }
  318. }
  319. /*-----------end-属性状态--------*/
  321. /*-----------属性环境角色--------*/
  322. function PropertyContext () {
  323. //property
  324. this.propertyState = new StepsPropertyState(); //默认为开始状态
  325. //method
  326. this.setPropertyState = setPropertyState;
  327. this.setProperty = setProperty;
  328. function setPropertyState (aSelectedObj) {
  329. var obj = document.all.tbProperty;
  330. if (aSelectedObj.ctlType == CNST_CTLTYPE_JOINS) {  //合并
  331. this.propertyState = new JoinsPropertyState(obj,aSelectedObj);
  332. } else if (aSelectedObj.ctlType == CNST_CTLTYPE_SPLITS ) { //分支
  333. this.propertyState = new SplitsPropertyState(obj,aSelectedObj);
  334. } else if (aSelectedObj.ctlType == CNST_CTLTYPE_STEPS) { //步骤
  335. this.propertyState = new StepsPropertyState(obj,aSelectedObj);
  336. } else if  (aSelectedObj.ctlType == CNST_CTLTYPE_LINES) {    //线条
  337. this.propertyState = new LinesPropertyState(obj,aSelectedObj);
  338. } else if  (aSelectedObj.ctlType == CNST_CTLTYPE_INITIAL) {    //启动
  339. this.propertyState = new InitialPropertyState(obj,aSelectedObj);
  340. }
  341. }
  342. function setProperty () {
  343.     this.propertyState.setProperty();
  344. }
  345. }
  346. /*---end--属性环境角色--------*/