微学网

热门关键词:   as  thinkphp  ecshop  xxx  php分页  商务通
热门: ASP.NET PHP编程 ASP编程 JSP编程 Python

详解apicloud api.execScript执行另一个页面的函数

发布时间:2020-03-28 来源:未知 点击:

在指定 window 或者 frame 中执行脚本,对于 frameGroup 里面的 frame 也有效,若 name 和 frameName 都未指定,则在当前 window 中执行脚本,具体执行逻辑见补充说明。

execScript({params})

params

name:

  • 类型:字符串
  • 默认值:无
  • 描述:(可选项)window 名称,若要跨 window 执行脚本,该字段必须指定,首页的名称为 root

frameName:

  • 类型:字符串
  • 默认值:无
  • 描述:(可选项)frame名称

script:

  • 类型:字符串
  • 默认值:无
  • 描述:js代码

示例代码

//在名为winName的window中执行jsfun脚本var jsfun = 'funcGoto();';
api.execScript({
    name: 'winName',
    script: jsfun
});


//在名为winName的window中找到//名为frmName的frame,并在该frame中执行jsfun脚本var jsfun = 'funcGoto();';
api.execScript({
    name: 'winName',
    frameName: 'frmName',
    script: jsfun
});


//在当前window中找到//名为frmName的frame,并在该frame中执行jsfun脚本var jsfun = 'funcGoto();';
api.execScript({
    frameName: 'frmName',
    script: jsfun
});

补充说明

统一处理逻辑为:exec->window->frame

name 参数: 当 name 不传值,或者传空字符串的情况下,execScript 对象为调用 execScript 的window(该 window 可能位于屏幕或者后台),在该 window 中继续 frameName 的逻辑; 当 name 传值且非空字符串,但并未找到名为 name 的 window,则直接返回不处理(不论 frameName 是否有值)。若找到了对应的 window,则在该 window 中继续 frameName 的逻辑;

frameName 参数: 当 frameName 不传值,或者传空字符串的情况下,execScript 对象为调用 execScript 的 window(该 window 可能位于屏幕或者后台),在该 window 中执行 script; 当 frameName 传值且非空字符串,但并未找到名为 frameName 的 frame,则直接返回不处理。若找到了该 frame,则在该 frame 中执行 script。

可用性

iOS系统,Android系统

可提供的1.0.0及更高版本
 
//在名为winName的window中执行jsfun脚本
var jsfun='funcGoto();';
api.execScript({
   name:'winName',
   script:jsfun
});
 
//在名为winName的window中找到
//名为frmName的frame,并在该frame中执行jsfun脚本
var jsfun='funcGoto();';
api.execScript({
   name:'winName',
   frameName:'frmName',
   script:jsfun
});
 
//在当前window中找到
//名为frmName的frame,并在该frame中执行jsfun脚本
var jsfun='funcGoto();';
api.execScript({
   frameName:'frmName',
   script:jsfun
});

接下来说一说这个方法在项目中的实际应用.

应用场景:

如上图所示,当选择入学时间,毕业时间的时候,需要从下方空白处弹出一个新的frame,在新的frame中添加模块控件

UICustomPicker,代码如下:

 

apiready = function(){

 

 

var text = api.pageParam.text4;

 

varUICustomPicker = api.require('UICustomPicker');

//        if(UICustomPicker == nil){

          

          UICustomPicker.open({

    rect: {

        x: 10,

        y: 0,

        w: 320,

        h: 100

    },

    styles: {

        bg: 'rgba(0,0,0,0)',

        normalColor: '#959595',

        selectedColor: '#3685dd',

        selectedSize: 36,

        tagColor: '#3685dd',

        tagSize: 10

    },

    data: [{

        tag: '年',

        scope: '1980-2020'

    }, {

        tag: '月',

        scope: ["01","02","03","04","05","06","07","08","09","10","11","12"]

    }, {

        tag: '日',

        scope: ["01","02","03","04","05","06","07","08","09","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30","31"]

    }],

    rows: 3,

    id:1,

    fixedOn: api.frameName,

    fixed: true

}, function( ret, err ){

    if( ret ){

//       alert( JSON.stringify( ret ) );

 

         time = ret.data[0]+"-"+ret.data[1] + "-" + ret.data[2];

//使用execScriptAPI,将时间作为参数进行传递.

        var param = { date: time};

api.execScript({

    name: 'win_addExperience.html',

    script: 'funcGoto('+JSON.stringify( param )+')'

});  

    }else{

//       alert( JSON.stringify( err ) );

    }

});

};


此时点击时间输入框,就有上图所示的效果了.最终想要的是想将模块控件的数据 填写到window的输入框,这里就要用到主人公execScript这个API接口了.

整个过程大致是这样的:在时间Picker中选好时间,直接将时间作为json格式的参数,通过execScript在父window执行script方法,从而实现功能.

//frame 中execScript方法

 

//使用execScriptAPI,将时间作为参数进行传递.

        var param = { date: time};

api.execScript({

    name: 'win_addExperience.html',

    script: 'funcGoto('+JSON.stringify( param )+')'

});

 

//win_addExperience.html中的script方法

 

 function  funcGoto(time){

        text4.value = time.date; 

     }


这样,就可以实现所要的功能了,还是非常方便的!



这就是微学网-程序员之家为你提供的"详解apicloud api.execScript执行另一个页面的函数"希望对你有所帮助.本文来自网络,转载请注明出处:http://www.weixuecn.cn/article/11360.html
网络编程 | 前端制作 | 数据库 | CMS教程 | 脚本编程 | 框架 | 微信公众号 | 小程序 | 服务器 | APP开发 |

凡本网站转载的文章、图片等资料的版权归版权所有人所有,因无法和版权所有者一一联系,如果本网站选取的文/图威胁到您的权益,请您及时和本网站联系。 我们会在第一时间内采取措施,避免给双方造 成不必要的损失。
© 2015-2018 微学网 版权所有,并保留所有权利。 备案号:粤ICP备09051474号-1

电脑版 | 移动版