一、发布成功自动返回消息列表页面，并更新列表，显示当前最新记录
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);});