通达OAV11.10版本，表单js开发

重点部分

1. js需要用如下代码包裹
   jQuery(document).ready(function()){
   }
2. 需要用如下代码进行事件绑定
   jQuery(‘body’).delegate(‘[title=“xxx”],[title=“xxx”],[title=“xxx”]’,‘click’,function(){
   })
3. 需要用如下代码，定义统一的弹出界面
   function tdSelect(param){
   if(param.url){
   var url=param.url;
   }
   if(!param.title)
   param.title = “选择页面”;
   if(!param.area)
   param.area = [‘100%’,‘100%’];
   if(!param.btn)
   param.btn = [‘回填’];
   layui.use([“layer”,“jquery”],function(){
   var layer=layui.layer,
   $=layui.jquery;
   var index=layer.open({
   type: 1,
   area:param.area,
   btn:param.btn,
   title:param.title,
   content: ‘’,
   yes: function(res){
   var result = cy;
   param.success(cy);
   layer.close(index);
   }
   })
   });
   }

表单JS

jQuery(document).ready(function(){
  
  function getWindonHref() {
    var sHref = window.location.href;//获取url
    var args = sHref.split('?');//从中间的?隔开存成数组
    if (args[0] === sHref) {
        return '';//?后面没有参数直接返回
    }
    var hrefarr = args[1].split('#')[0].split('&');//截取?和#之间的url，再根据&隔开每个参数存成数组待处理
    var obj = {};
    var tmp_str="";
    for (var i = 0; i < hrefarr.length; i++) {
        hrefarr[i] = hrefarr[i].split('=');
      	tmp_str=hrefarr[i][0].toLowerCase();
        obj[tmp_str] = hrefarr[i][1];
    }
    return obj;
}
  var pro=window.location.protocol;
  var host=window.location.host;
  var url=pro+"//"+host;
  var headd = document.getElementsByTagName("head")[0];
  
  var links = document.createElement('link');
  links.href = '/static/layui/css/layui.css';
  links.rel = 'stylesheet';
  links.type = 'text/css';
  
  var scripts=document.createElement("script");
  scripts.src ="/static/layui/layui.js";
  scripts.type="text/javascript";
  headd.appendChild(scripts);
  
  
  //获取当前表单的flow_id
  var searchObj=getWindonHref();
  var flow_id=searchObj.flow_id;

  
  jQuery('body').delegate('[title="xxxx"],[title="xxxx"],[title="xxx"]','click',function(){
    tdSelect({
      title:'xxx',
       url:url+'/xxx.php?flow_id='+flow_id,
       success:function(res){
         var data=res.data;
        jQuery('[title="xxx"]').val(data.FKFS);
        jQuery('[title="xxx"]').val(data.ZJKM);
        jQuery('[title="xxx"]').val(data.KMMS);
       }
      });
  });
  
  function tdSelect(param){
    if(param.url){
      var url=param.url;
    }
    if(!param.title)
      param.title = "选择页面";
    if(!param.area)
      param.area = ['100%','100%'];
    if(!param.btn)
      param.btn = ['回填'];
      layui.use(["layer","jquery"],function(){
          var layer=layui.layer,
          $=layui.jquery;
          var index=layer.open({
               type: 1,
                area:param.area,
                btn:param.btn,
                title:param.title,
               content: '<iframe src='+ url +' style="width:100%;height:450px;"></iframe>',
               yes: function(res){
                 var result = cy;
                 param.success(cy);
                 layer.close(index);
               }  
            })
      });
     }
});

表单弹出页面js部分

	<script src="/static/layui/layui.js"></script>
		<script>
			layui.use(['layer', 'table', 'laydate', 'form'], function() {
				var layer = layui.layer;
				var table = layui.table;
				var $ = layui.$;
				var form = layui.form;
				var searchData=form.val('searchForm');
				//第一个实例
				table.render({
					elem: '#test',
					method:'post',
					url:'get_zjkm.php',
					cols: [[
						{type:'radio'},
						{field: 'ID', title: 'ID',width:120, sort: true},
						{field: 'xxx', title: 'xxx',width:300},
						{field: 'xxx', title: 'xxx',width:300},
						{field: 'xxx', title: 'xxx'}
					]],
					id:'demo',
					page:true,
					where:searchData
				});
				
				form.on('submit(search)', function(data){
					var searchData=form.val('searchForm');
					table.reload('demo', {
						where:searchData
					})
					return false;
				})
				if(!parent.cy){
				    parent.cy= {};
				}
        		parent.cy.data=[];
                table.on('row(test)', function(obj){
                    parent.cy.data=obj.data; 
                });
				
			});
		</script>

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