appcan开发经验分享，超实用

一、发布成功自动返回消息列表页面，并更新列表，显示当前最新记录

 appcan.ajax({
                    url : url + '/appInterface/submitGrowTrace',
                    type : 'POST',
                    data : {
                        userName : getstorage('username'),
                        stageId : stage,
                        content : con,
                        photoId : picture,
                        token : getstorage('token')
                    },
                    dataType : 'json',
                    timeout : 30000,
                    success : function(data) {
                        if (data.result == 0) {
			  appcan.window.openToast('发布成功,您可在记录页查看~~', '2000');
                           appcan.window.close({
                                 aniId : '',
                                animDuration : ''
                             });
                            uexWindow.evaluateMultiPopoverScript("index", "index_content", "1", "getData();");
                         uexWindow.evaluateMultiPopoverScript("index", "index_content", stage-101999, "getData();");
                        } else if (data.result == 1) { 
 			}
			},
                    error : function(xhr, textStatus, errorThrown) {
                        appcan.window.openToast('请求失败,请稍后再试。', '2000', '5', '0');
                    }
                })

二、下拉刷新

  

window.uexOnload = function(type) {
             uexWindow.setBounce(1);
             uexWindow.setBounce("1");
             getData();
            uexWindow.onBounceStateChange = function(type, state) {
                if (type == 0 && state == 2) { //顶部弹动
                    getData();
                   uexWindow.resetBounceView("0");
                }
            };      
            uexWindow.setBounceParams(
                            '0',
                            "{'pullToReloadText':'下拉刷新','releaseToReloadText':'释放刷新','loadingText':'正在刷新，请稍候'}");
            uexWindow.showBounceView(0, "rgba(255,255,255,0)", 1);
            uexWindow.notifyBounceEvent(0, 1); 
         }

三、页面滑动

 function openPages(){
              var titHeight = $('#tabview').offset().height;
           appcan.frame.open({
                id : "index_content",
                url : [{
                    "inPageName" : "1",
                    "inUrl" : "start_content1.html",
                }, {
                    "inPageName" : "2",
                    "inUrl" : "start_content2.html",
                }, {
                    "inPageName" : "3",
                    "inUrl" : "start_content3.html",
                },{
                    "inPageName" : "4",
                    "inUrl" : "start_content4.html",
                }, {
                    "inPageName" : "5",
                    "inUrl" : "start_content5.html",
                }, {
                    "inPageName" : "6",
                    "inUrl" : "start_content6.html",
                }, {
                    "inPageName" : "7",
                    "inUrl" : "start_content7.html",
                }],
                top : titHeight,
                left : 0,
                index : 0,
                name:"index_content",
                change:function(err,res){
                     uexWindow.evaluateMultiPopoverScript("", "index_content", res.multiPopSelectedIndex+1, "getData();");
                    tabview.moveTo(res.multiPopSelectedIndex);  
                }
            });
        }
        var tabview = appcan.tab({
            selector : "#tabview",
            hasIcon : false,
            hasAnim : true,
            hasLabel : true,
            hasBadge : false,
            data : [{
                label : "全部",
            }, {
                label : "播种",
            }, {
                label : "发芽",
            },{
                label : "长叶",
            }, {
                label : "开花",
            }, {
                label : "结果",
            }, {
                label : "总结",
            }]
        });
        tabview.on("click", function(obj, index) {
            appcan.window.selectMultiPopover("index_content",index);
        })

四、选项卡切换

var tabview_footer = appcan.tab({
    selector: "#footer",
    hasIcon: true,
    hasAnim: false,
    hasLabel: true,
    hasBadge: false,
    data: [{
        label: "记录",
        icon: "fa-video-camera"
    },{
        label: "发布",
        icon: "fa-camera"
    }, {
        label: "通知",
        icon: "fa-comment"
    }, {
        label: "我",
        icon: "fa-user"
    }]
});
tabview_footer.on("click", function (obj, index) {
  if(index == 0) {
       appcan.frame.closeMulti('index_content');
       appcan.frame.close('content');
       appcan.frame.open("content", "index_content.html",0,0);
    } else if (index == 1) {
        appcan.frame.closeMulti('index_content');
        appcan.frame.close('content');
        appcan.frame.open("content", "picture.html",0,0);
    } 
    else if (index == 2) {
        appcan.frame.closeMulti('index_content');
        appcan.frame.close('content');
        appcan.frame.open("content", "message_content.html",0,0);
    } else if (index == 3) {
        appcan.frame.closeMulti('index_content');
        appcan.frame.close('content');
        appcan.frame.open("content", "myInfor_content.html",0,0);
    }
    appcan.frame.resize("content",0,0);
});