旭日站长网, 致力于一站式网络解决方案服务!
您当前位置:网站首页 >> 技术教程 >> 其他教程 >> 学习App Framework 3.0的组件一:View

学习App Framework 3.0的组件一:View

2015-05-05 12:01:24 来源:旭日站长 浏览:1

动态搞笑图片  每日一笑话,快乐一辈子

   组件名称:View

    使用说明:按照官方的说法,view组件是af3的“驱动力(driving force)”,view是af3应用的基础,一个app中可以包含一个或多个view,它可以包含一个footer,一个header,可以包含N个panel和sidemenu(drawer),值得注意的是panel(也就是app的页面)需要包裹在class="pages"的div元素之中。

    方法:虽然view看似重要,但是af3并没有把view实现为一个javascript的类,所以也没有view的专属方法。

    事件:没有专属事件。

    使用:<div class="view"></div>

示意代码:

<div class="view active" id="view1">
    <header>
    </header>
    <div class="pages">
          <div class="panel active">page1</div>
    </div>
</div>
view之间切换默认没有,不过可以在切换anchor中指定,或loadContent函数中设置,详细请看我总结的切换view的三种方式:

编辑时,通过添加active 类名来指定默认view
运行时,通过点击锚定元素来切换:<a href='#viewID' data-transition='slide'>go viewName</a>
运行时,通过js函数loadContent:$.afui.loadContent('#viewID',false,false,'slide'); 此方法同样适用于panel

发表评论
网名:
评论:
验证:
共有0人对本文发表评论查看所有评论(网友评论仅供表达个人看法,并不表明本站同意其观点或证实其描述)
  •  联系邮箱:675824234@qq.com-在线QQ: QQ号码675824234
  • 冀ICP备1100793 
  • Copyright 2011-2014, 版权所有 www.webmaster5u.com.