通达OA通用版V12的表单js定制开发,良好实践总结-持续更新

良好实践总结

• 新建一个表单分类，将需要定制开发的表单，集中到这个分类下。
• 新建一个流程分裂，将需要定制开发的流程，集中到这个分类下。
• 在webroot下，新建文件夹tdoa_erkai，具体层级关系如下：
  

在表单中的js区域标准代码

//向html中的head元素，追加标签
var headadd = document.getElementsByTagName("head")[0];
//追加link标签，引入css样式
var links = document.createElement('link');
links.href = '/tdoa_erkai/static/layui/css/layui.css';
links.rel = 'stylesheet';
links.type = 'text/css';
//追加script标签，引入js
var scripts = document.createElement("script");
scripts.src = "/tdoa_erkai/static/layui/layui.js";
scripts.type = "text/javascript";
headadd.appendChild(scripts);

setTimeout(function(){
  var scripts = document.createElement("script");
  scripts.src = "/tdoa_erkai/formjs/erkai.js";
  scripts.type = "text/javascript";
  headadd.appendChild(scripts);
},1000);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

这样做的好处，可以避免多次反复保存表单，刷新预览表单。
其中

1. tdoa_erkai为自定义目录
2. erkai.js为与当前表单交互的自定义的js文件。这样可以在js文件直接用layui框架进行操作交互。
   编写完erkai.js，保存后，在表单预览页面，刷新看效果。

2023年10月19日

获取地址栏：协议、域名/IP地址+端口号

var pro = window.location.protocol;//http或https
var host = window.location.host;//域名或ip地址+端口号
var url = pro + "//" + host;
1
2
3

获取地址栏的参数，比如run_id、flow_id等

//自定义 解析地址栏的数据 的函数
function getUrlData() {
  var href= window.location.href;//读取地址栏
  var hrefArr=href.split('?');
  var data=[];
  if(hrefArr.length>1){//地址栏中存在?,且有参数
  	data=hrefArr[1].split('&');//地址栏中即时没有&,这里也不会报错。
  }
  var obj = {};
  var tmp_arr=[];
  var tmp_str = "";
  for (var i = 0; i < data.length; i++) {
    tmp_arr = data[i].split('=');
    tmp_str = tmp_arr[0].toLowerCase();
    obj[tmp_str] = tmp_arr[1];
  }
  return obj;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

预览表单时的效果如下图：

向表单中追加自定义css、js文件

//向html中的head元素，追加标签
var headadd = document.getElementsByTagName("head")[0];
//追加link标签，引入css样式
var links = document.createElement('link');
links.href = '/static/tdoa_erkai/layui/css/layui.css';
links.rel = 'stylesheet';
links.type = 'text/css';
headadd.appendChild(links );
//追加script标签，引入js
var scripts = document.createElement("script");
scripts.src = "/static/tdoa_erkai/layui/layui.js";
scripts.type = "text/javascript";
headadd.appendChild(scripts);
1
2
3
4
5
6
7
8
9
10
11
12
13

内容绝对原创，希望对您有帮助。您的打赏，是让我持续更新的牛奶和面包