开胜科技-网站建设专家

售前咨询:点击这里给我发消息 点击这里给我发消息 

技术支持:点击这里给我发消息 点击这里给我发消息 

售后服务:点击这里给我发消息 点击这里给我发消息 

电话:0531-89004900

手机:18660105139

E-mail:service@openwin.cn

常见问题

apicloud如何使用header共用部分

发布时间:2016-07-18 00:22:12      浏览次数:0

     在使用apicloud做app开发的时候,我们做习惯了web方式的开发web应用,入门app,一般不是太清楚怎么进行公共部分的连接,
    那么,我们怎么才能和web那样,使用共用部分呢?今天就来介绍一种方法,这样能够实现资源共用,方便开发!
    1.app一般是首先打开默认页面,所有的页面都是基于默认页面即我们在web中常用的index(当然这个可以在配置文件里面进行设置,也就根目录下的confing.xml)比如我们需要先进行登录才能进入root跟页面,那么,我们就需要在root中做判断,根据判断比如没有登录,则进行跳转使用(openWin或openFrame跳转到登录页面,这里说的跳转其实是打开某窗口或frame,如果不了解window和frame的区别,后续我们会讲到)
    2.我们会从首页进入内页,比如列表页,或者详细页,一般我们会使我们的内页能够弹动(内容部分能够进行下拉刷新,或者下拉上拉)那么我们就必须会使用这种方法,通过index进行openwin打开带有头部内容的窗口比如叫headerAct吧,然后,我们再从headerAct中进行openFrame打开内容部分(再打开内容的时候,设置bunce为true即能够弹动)这样能够完成一个整个的打开页面流程,这是打开一个,如果打开多个呢?我们就需要些headerAct2:frame2,headerAct3:frame3……既然这样麻烦,我们为何不进行统一管理,因为头部样式都是一致的,只有提示内容不同。我们就通过使用函数进行传参数,来实现!比如,我们就建立一个headerAct文件,这个是过度文件,我们定义一个函数,比如,openAct函数,我们把标题,文件名称传进去,然后通过headerAct进行参数接收,然后通过headerAct进行自动跳转,那么就很容易实现我们要实现的,减少了很大的工作量,并且非常好维护。
    3.那么有时候,我们需要右上角,比如能够保存等操作,我们怎么来实现呢,和以上提到的方法是一样的,我们通过openAct函数来传参数,通过headerAct接受参数,进行判断,使用api.execScript来调取即将要打开的frame中的方法。
\
调用函数,
1
2
3
4
5
6
7
8
function openActDetail(title,name,extendParam,okParam){
    api.openWin({
        name: 'actDetail',
        url: './actDetail.html',
        pageParam: {title:title, name: name, ext: extendParam,ok:okParam },
        bounces:false,
    });
}
 
过度页面,能够调用制定的页面的操作方法
1
2
3
4
5
6
7
//调取iframe方法,主要用于右上角button
    function execscript(){
        api.execScript({
            frameName:name,
            script: 'ok()',
        });
    }
 
制定的页面函数
1
2
3
function ok(){
        update();
    }
 
 





开胜科技微信(openwin-cn)