apiCloud小结

底部Tab切换

由于首页有轮播,如果支持底部tab的滑动切换会导致轮播无法手动滑动,所以我设置了禁用;默认是启用的;

apiready = function(){

        api.openFrameGroup({
            name: 'group1',
            index:0,//当前 frame 索引
            preload:0,
            scrollEnabled:false,//是否支持滑动切换
            rect: {
                x: 0,
                y: 0,
                w: 'auto',
                h: api.winHeight-50
            },
            frames: [{
                name: '11',
                url: './html/home1.html',
                bgColor: '#fff',
            },{
                name: '22',
                url: './html/home2.html',
                bgColor: '#fff'
            }, {
                name: '33',
                url: './html/home3.html',
                bgColor: '#fff'
            }]
        }, function(ret, err) {
            switch(ret.index){
                case 0:
                api.setFrameGroupAttr({ // 隐藏内容层
                    name: 'group3',
                    hidden:true,
                });
                api.setFrameGroupAttr({ // 隐藏内容层
                    name: 'group2',
                    hidden:true,
                });
                break;
                case 1:
                api.setFrameGroupAttr({ // 隐藏内容层
                    name: 'group3',
                    hidden:true,
                });
                api.setFrameGroupAttr({ // 隐藏内容层
                    name: 'group2',
                    hidden:false,
                });
                break;
                case 2:
                api.setFrameGroupAttr({ // 隐藏内容层
                    name: 'group3',
                    hidden:false,
                });
                api.setFrameGroupAttr({ // 隐藏内容层
                    name: 'group2',
                    hidden:true,
                });
                break;
            }
            var index = ret.index+1;
            footerTab.setActive(index);
        }); 

    };

列表页进入详情页

需配合

通过每个区块加入不同的data-id

通过pageParam传参,进而更改url的参数获取不同数据

// 进入图文详情
    var openPicDetail = function(obj){
        var id = $api.attr(obj,'data-id');
        var catid = $api.attr(obj,'data-catid');
        api.openWin({
            name:'detail_pic', 
            url:'detail_pic.html', 
            pageParam:{
                catid:catid,
                id:id
        }
    })
    };
// 进入图文详情 end

详情页html页面

太久没做数据交互,数组嵌套数组数据获取想了半天

最后来个视频代码

               

api.ajax正确用法

api.ajax({
    url: 'http://192.168.1.101:3101/upLoad',
    method: 'post',
    data: {values: {name: 'haha'}, files: {file: 'fs://a.gif'}}
}, function (ret, err) {
    if (ret) {
        api.alert({msg: JSON.stringify(ret)});
    } else {
        api.alert({msg: JSON.stringify(err)});
    }
});