Apicloud openframe realizes the transfer and return of parameters to the previous page - basic improvement

In writing today apicloud When , Meet a need , It's about putting A The parameters of the page are passed to B page ,B After a series of operations on the page , Then pass the data to A page .

The implementation of this function will be introduced in detail below ：

1. take A The delivery of the page to B page

api.openFrame({
    
    name: 'relationPartNoReview',
    url: './relationPartNoReview.html',
    rect: {
    
        x:0,
        y:0,
        w:'auto',
        h:'auto'
    },
    reload:true,
    animation:{
    
        type:"none",
        duration:1  
    },
    pageParam: {
    
        partNo: this.partNo
    }
});

In the above code pageParam Object partNo Is to pass on to B Parameters of the page .

2.B Page to receive A Parameters passed by the page

 apiready = function () {
    
      var pageParam = api.pageParam;
      var vm = new Vue({
    
		el:'#xxx',
		data(){
    
			return{
    
				partNo:pageParam.partNo
			}
		}
	})
 }

3.B Page passes parameters to A page

You can use sendEvent and addEventListener To deal with it .

B How to write the page ：

api.sendEvent({
    
	name:'refreshCheck',
	extra:{
    
		id:this.xxx.id
	}
})

A How to write the page ：

api.addEventListener({
    
	name:'refreshCheck',
},function(ret,err){
    
	if(ret.value&&ret.value.id){
    
		// Received B Processing operations after the data transferred from the page 
	}
})

complete ！！！