[Learn AF3]第二章 App Framework 3.0的组件View——AF3的驱动引擎
2015-03-06 10:30
246 查看
View:af3中的驱动引擎
组件名称: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的专属方法。
事件:没有专属事件,以下是和panel通用的event
使用:<div class="view"></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
注: af3中导航历史是基于view的而不是全局的,$.afui.goBack() 不适用于view。
第一章 如何使用App Framework 3.0 构造应用程序 [Learn AF3系列]
组件名称: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的专属方法。
事件:没有专属事件,以下是和panel通用的event
panelbeforeload - this event is fired before the panel is transitioned/loaded panelload - This event is fired when a panel has been loaded. panelbeforeunload - this event is fired before the panel is transitioned/unloaded panelunload - This event is fired when a panel has been unloaded.
使用:<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
注: af3中导航历史是基于view的而不是全局的,$.afui.goBack() 不适用于view。
第一章 如何使用App Framework 3.0 构造应用程序 [Learn AF3系列]
相关文章推荐
- [Learn AF3]第六章 App Framework 3.0中的内置矢量图标
- [Learn AF3]第四章 App framework组件之Button
- [Learn AF3]第一章 如何使用App Framework 3.0 构造应用程序
- [Learn AF3]第七章 App framework组件之Popup
- [Learn AF3]第五章 App Framework 3组件之Drawer——Side Menu
- [Learn AF3]第三章 App Framework 3组件之Panel:afui的核心
- 「游戏引擎Mojoc」(4)面向组件-状态机-消息驱动3合1编程模型
- 使用ComponentArt.WebUI.for.Asp.net.3.0的TreeView控件实现数据驱动的无限级分类
- J2EE 组件开发:消息驱动的EJB
- asp.net mvc - 自定义的view引擎和ioc集成
- DotNET应用架构设计指南(第二章:设计应用程序和服务组件(1-4))已上传
- DotNET应用架构设计指南(第二章:设计应用程序和服务组件(6-9)) 已发布
- 用EJB 3.0开发企业级Bean组件初体验
- VS2005下组件ReportView使用时的一个问题
- asp.net mvc - 自定义的view引擎和ioc集成
- XPE驱动组件制作图解
- 利用http组件实现多引擎搜索功能
- NDO 组件和例子下载,内置了一个基于Velocity模版引擎的代码生成器
- 《深入浅出Linux设备驱动》第二章 驱动设计的硬件基础(1)
- 浅谈JSF的两大两点:面向组件编程和事件驱动模式