开发者社区> 桃子红了呐> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

apiCloud中openFrameGroup传参

简介:
+关注继续查看

apiCloud中openFrameGroup传参

1.无效的

api.openFrameGroup({ // 打开 frame 组
    name: 'group',
    scrollEnabled: false,
    rect: {
        x: 0, 
        y: 0, 
        w: api.winWidth, 
        h: api.winHeight-$api.dom('footer').offsetHeight
    },
    pageParam:{
        'footer_height':$api.dom('footer').offsetHeight
    },
    index: 0,
    frames: frames
}, function (ret, err) {

});

在新页面怎么获取都得不到数据。

2.正确的,将参数放入frames中

var eFooterLis = $api.domAll('#footer .aui-bar-tab-item'),
    frames = []; // 选择所有匹配的DOM元素
for (var i = 0,len = eFooterLis.length; i < len; i++) {
        // 判断是否登录
        var username = $api.getStorage('customer_id');
        var url = './html/frame'+i+'.html';
        if (i==4 && !username) {
            url = './html/userLogin.html';
        }
        frames.push( { 
            name: 'frame'+i, 
            url: url,
            bgColor : 'rgba(0,0,0,.2)',
            bounces:true,
            pageParam:{
                'footer_height':$api.dom('footer').offsetHeight
            },
        } )
}

api.openFrameGroup({ // 打开 frame 组
    name: 'group',
    scrollEnabled: false,
    rect: {
        x: 0,
        y: 0,
        w: api.winWidth,
        h: api.winHeight-$api.dom('footer').offsetHeight
    },
    index: 0,
    frames: frames
}, function (ret, err) {

});

新页面获取参数

var footer_height = api.pageParam.footer_height;
// 获取菜单
api.ajax({
    url: BASE_SH_REQUEST_URL+'/?g=Api&m=Home&a=getRootCategory',
    method: 'get',
    data: {}
}, function(json, err) {
    if (json.status == '1') {
        var interText = doT.template($("#root_category_tmpl").text());
        $("#root_category").html(interText(json.info));
        var swiper_menu = new Swiper('#scroller.swiper-container', {
            slidesPerView: 4,
            paginationClickable: true,
            spaceBetween: 5
        });


        var header = $api.byId('main');
        $api.fixStatusBar(header);
        var pos = $api.offset(header);

        api.setStatusBarStyle({ // 设置头部颜色
            style: 'dark'
        });

        api.openFrame({
            name: 'frame0Con',
            url: 'frame0Con.html',
            rect:{
                x: 0,
                y: pos.h,
                w: api.winWidth,
                h: api.winHeight - pos.h - footer_height,
            },
            bounces: true,
            opaque: true,
            vScrollBarEnabled: false,
            reload: true,
            pageParam:{
            }
        });

    } else {
        var toast = new auiToast();
        toast.fail({
            title: json.msg,
            duration: 2000
        });
    }
});

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
uniapp uni.navigateTo传递(对象类型)参数
uniapp uni.navigateTo传递(对象类型)参数
0 0
微信小程序学习笔记(4) -- 页面间的跳转和传值
微信小程序学习笔记(4) -- 页面间的跳转和传值
0 0
《跟热饭一起学习vue吧》Part.22 组件带参数 Prop
《跟热饭一起学习vue吧》Part.22 组件带参数 Prop
0 0
《跟热饭一起学习vue吧》Part.8 v-on监听和methods函数仓库
《跟热饭一起学习vue吧》Part.8 v-on监听和methods函数仓库
0 0
微信小程序实现带参分享并消息卡片获取参数
微信小程序实现带参分享并消息卡片获取参数
0 0
#yyds干货盘点# 【js学习笔记十七】普通函数中的this指向问题解决方案call
#yyds干货盘点# 【js学习笔记十七】普通函数中的this指向问题解决方案call
0 0
Swift实战-豆瓣电台(六)视图跳转,传参及回跳
原文:Swift实战-豆瓣电台(六)视图跳转,传参及回跳 youku观看地址:http://v.youku.com/v_show/id_XNzMxMzQ3MDcy.html 要点 在ChannelController里面声明一个代理   这个代理遵循我们自定义的协议ChannlePrococol。
827 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载