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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,670评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,928评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,926评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,238评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,112评论 4 356
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,138评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,545评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,232评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,496评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,596评论 2 310
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,369评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,226评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,600评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,906评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,185评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,516评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,721评论 2 335

推荐阅读更多精彩内容

  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,327评论 0 17
  • 背景 一年多以前我在知乎上答了有关LeetCode的问题, 分享了一些自己做题目的经验。 张土汪:刷leetcod...
    土汪阅读 12,712评论 0 33
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,497评论 18 139
  • 第二章:重大决定,登上山巅 我开始有点儿打退堂鼓的思想了。我回到家,便躺在床上,思考着:去?不去?去?不去? 这时...
    五一班王志龙阅读 305评论 4 2
  • 2017.03.14. 第二章 首辅申时行 本章主要讲的是张居正的继任者申时行的施政之道,同时将二人的行事风格和主...
    MaggieChang阅读 1,413评论 1 1