通达OAV11.10版本,表单js开发
重点部分
- js需要用如下代码包裹
jQuery(document).ready(function()){
} - 需要用如下代码进行事件绑定
jQuery(‘body’).delegate(‘[title=“xxx”],[title=“xxx”],[title=“xxx”]’,‘click’,function(){
}) - 需要用如下代码,定义统一的弹出界面
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>
内容绝对原创,希望对您有帮助。您的打赏,是让我持续更新的牛奶和面包