计算脚本输出属性

1. # 计算脚本输出属性
   
2. 
   
3. 背景：
   
4. 
   
5. 项目实施中，因为某种特殊情况，需要用到计算脚本输出一段HTML返回页面显示，但是，输出的HTML中，带有input属性的值是无法在脚本中通过getParameter获取，所以，在次规定输出HTML格式，从而达到可以获取的效果。
   
6. 
   
7. #### 1.计算脚本输出格式
   
8. 
   
9. ```html
   
10. <input type="text" storage="exparams" name="fieldName" value="fieldValue"/>
    
11. ```
    
12. 
    
13. | 参数    | 说明                                |
    
14. | ------- | ----------------------------------- |
    
15. | storage | 类型：param（目前只支持参数的方式） |
    
16. | name    | 字段名                              |
    
17. 
    
18. #### 2.前端处理
    
19. 
    
20. 构建document包体时，查找一下带有storage="param"属性的input属性，然后放在supplyParams(补充参数)里面，格式
    
21. 
    
22. ```json
    
23. {
    
24.   "items": {
    
25.     "姓名":"小明"
    
26.   },
    
27.   "applicationId": "sOZu9kthmxyP8qQfq0e",
    
28.   "id": "__ugN7NWk9G9yQMHHreR8",
    
29.   "templateForm": "",
    
30.   "formId": "9c0aqDXwpcfHP2G5wCv",
    
31.   "sign": "",
    
32.   "parentId": "",
    
33.   "isRelate": "false",
    
34.   "subDocuments": [],
    
35.   "versions": "0",
    
36.   "exparams":{
    
37.       "fieldName":"fieldValue"
    
38.   }
    
39. }
    
40. ```
    
41. 
    
42. #### 3.后端处理
    
43. 
    
44. 在解析前端传输的包体数据时，获取supplyParams里面的值，将其设置到ParamsTable中初始化runner，如此，脚本中便可通过getParameter获取
    
45. 
    
46. #### 4.栗子
    
47. 
    
48. 计算脚本输出HTML片段
    
49. 
    
50. ```html
    
51. <table style="border: 2px solid rgb(180, 204, 238);">
    
52.     <tbody>
    
53.         <tr>
    
54.                     <td colspan="2">我是个表格</td>
    
55.             </tr>
    
56.                 <tr>
    
57.             <td>说明：</td>
    
58.                 <td><input type="text" storage="param" name="comment" value="哈哈哈"></td>
    
59.             </tr>
    
60.         </tbody>
    
61. </table>
    
62. ```
    
63. 
    
64. 提交执行前按钮获取
    
65. 
    
66. ```js
    
67. (function(){                                             
    
68.   var comment = getParameter("comment");                                       
    
69.   println("comment------>"+comment);                                       
    
70.   return comment;                                                                    
    
71. })()
    
72. ```
    
73. 
    

复制代码