公司的后台使用了layui,由于是后台框架,用起来还是不太熟悉,碰到了编辑时动态更新table数据的问题。
layer.open({
title: '编辑/标记客户',
area: ['50%', '50%'],
maxmin: true,
type: 2,
btn:['保存','取消'],
btnAlign: 'c',
content: ['/customer/customer/edit/id/'+id,],
yes:function(layero, index){
// 将数据传到子组件中
var frameId=document.getElementsByTagName("iframe")[0].id;
var a=$('#'+frameId)[0].contentWindow.tochild();
var levelName=JSON.parse(a.all_level)
// 根据id找出对应的值
var levelText;
for(var i=0;i<levelName.length;i++){
if(levelName[i].id==a.level){
levelText=levelName[i].name
}
}
// 更新table的数据
if(a){
obj.update({
level:levelText,
contact_name:a.contact_name,
mobile:a.mobile,
self_sign:a.self_sign,
})
}
return false;
}
})
因为弹框时iframe,所以就用到了原窗口像iframe传参的问题。希望对大家有帮助