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);});