app-framework学习--pannel介绍
2014-07-14 10:23
381 查看
每一个panel在智能设备上都显示为一个页面:
<div id="content">内如果有多个panel,每次只能显示一个panel,关闭后才能显示另外一个panel。
panel的属性:
官方文档:
css property - overflow:hidden - When set, this will disable auto-wiring of the scroller. Usefull for
panels that need to auto expand, like carousels or google maps
selected="true" - When set, this will make the panel the default panel that gets loaded.
modal="true" - When set, this turns the panel into a modal window that takes up 100% of the screen
(can be changed via CSS).
data-header="id" - when set, it will load the custom <header> tag with that ID for that panel
data-footer="id" - when set, it will load the custom <footer> tag with that ID for that panel
data-nav="id" - when set, it will load the custom <nav> tag with that ID for that panel
data-defer="filename.html" - This will load content into the panel from a remote page/url. This is
useful for separating out content into different files. af.ui.ready is not available until all files are loaded asynchronously.
data-tab="anchor_id" - This will set the selected tab in the bottom navbar to the id. Useful for when
you update your panel via JS and not clicking a bottom tab.
data-load="func_name" - This is the string name of a function to run when the panel is loaded. The
div is passed in as a parameter so you can use a single function and act upon other attributes.
data-unload="func_name" - This is the string name of a function to run when the panel is unloaded
data-header="id" 自定义header
data-footer="id" 自定义footer
data-nav="id" 左侧的导航条
data-defer="filename.html" 可以根据设置的地址给panel加载内容。
data-tab="anchor_id" 在此panel显示时,将选中footer中id为anchor_id的选项。
data-load="func_name" 在panel加载后,执行的方法。这个方法在panel每次正好在当前页面时都会执行。
data-unload="func_name" 在panel[b]unload后执行的方法,也就是离开本panel时执行[/b]
title="home" 可以设定header的显示的内容。
selected="true"
可以是这个panel变成默认的panel
欢迎加入学习交流群:333492644
<div id="content">内如果有多个panel,每次只能显示一个panel,关闭后才能显示另外一个panel。
panel的属性:
官方文档:
css property - overflow:hidden - When set, this will disable auto-wiring of the scroller. Usefull for
panels that need to auto expand, like carousels or google maps
selected="true" - When set, this will make the panel the default panel that gets loaded.
modal="true" - When set, this turns the panel into a modal window that takes up 100% of the screen
(can be changed via CSS).
data-header="id" - when set, it will load the custom <header> tag with that ID for that panel
data-footer="id" - when set, it will load the custom <footer> tag with that ID for that panel
data-nav="id" - when set, it will load the custom <nav> tag with that ID for that panel
data-defer="filename.html" - This will load content into the panel from a remote page/url. This is
useful for separating out content into different files. af.ui.ready is not available until all files are loaded asynchronously.
data-tab="anchor_id" - This will set the selected tab in the bottom navbar to the id. Useful for when
you update your panel via JS and not clicking a bottom tab.
data-load="func_name" - This is the string name of a function to run when the panel is loaded. The
div is passed in as a parameter so you can use a single function and act upon other attributes.
data-unload="func_name" - This is the string name of a function to run when the panel is unloaded
data-header="id" 自定义header
data-footer="id" 自定义footer
data-nav="id" 左侧的导航条
data-defer="filename.html" 可以根据设置的地址给panel加载内容。
data-tab="anchor_id" 在此panel显示时,将选中footer中id为anchor_id的选项。
data-load="func_name" 在panel加载后,执行的方法。这个方法在panel每次正好在当前页面时都会执行。
data-unload="func_name" 在panel[b]unload后执行的方法,也就是离开本panel时执行[/b]
title="home" 可以设定header的显示的内容。
selected="true"
可以是这个panel变成默认的panel
欢迎加入学习交流群:333492644
相关文章推荐
- app-framework学习--pannel介绍
- Entity_Framework_学习初级篇2--ObjectContext,ObjectQuery,ObjectStateEntry,ObjectStateManager类的介绍2
- [Quick-Cococs2DX] Quick-Cocos2D-X学习 (二) Quick-Cocos2d-X 核心framework 目录结构与功能介绍
- appframework学习--appframework开发常见问题及解决方法(不定期更新)
- IOS学习笔记21 App介绍页面制作
- ios学习之 关于Certificate、Provisioning Profile、App ID的介绍及其之间的关系
- ADO.NET Entity Framework 学习初级篇2--几个重要类的介绍
- app-framework学习--完美解决scroller 拖动问题实现局部滚动
- app-framework学习--官网地址及demo下载地址
- app-framework学习--官网地址及demo下载地址
- app-framework学习--ios惯性问题
- 在A20上演示老罗的Android硬件抽象层(HAL)概要介绍和学习计划5--关于APP部分
- ios学习之 关于Certificate、Provisioning Profile、App ID的介绍及其之间的关系
- appframework学习--appframework开发常见问题及解决方法(不定期更新)
- app-framework学习-----使用jquery
- App&Framework快速编译介绍
- (转) ios学习之 关于Certificate、Provisioning Profile、App ID的介绍及其之间的关系
- app-framework学习--隐藏Header Menu于隐藏Footer Menu
- app-framework学习--popup的使用
- app-framework学习--完美解决scroller 拖动问题实现局部滚动