- Framework7 教程
- Framework7 - 首页
- Framework7 - 概述
- Framework7 - 环境
- Framework7 组件
- Framework7 - 布局
- Framework7 - 导航栏
- Framework7 - 工具栏
- Framework7 - 搜索栏
- Framework7 - 状态栏
- Framework7 - 侧边面板
- Framework7 - 内容块
- Framework7 - 布局网格
- Framework7 - 覆盖层
- Framework7 - 预加载器
- Framework7 - 进度条
- Framework7 - 列表视图
- Framework7 - 手风琴
- Framework7 - 卡片
- Framework7 - 芯片
- Framework7 - 按钮
- Framework7 - 操作按钮
- Framework7 - 表单
- Framework7 - 标签页
- Framework7 - Swiper 滑块
- Framework7 - 照片浏览器
- Framework7 - 自动完成
- Framework7 - 选择器
- Framework7 - 日历
- Framework7 - 刷新
- Framework7 - 无限滚动
- Framework7 - 消息
- Framework7 - 消息栏
- Framework7 - 通知
- Framework7 - 懒加载
- Framework7 样式
- Framework7 - 颜色主题
- Framework7 - 分割线
- Framework7 模板
- Framework7 - 模板概述
- Framework7 - 自动编译
- Framework7 - Template7 页面
- Framework7 快速点击
- Framework7 - 活动状态
- Framework7 - 长按事件
- Framework7 - 触摸涟漪
- Framework7 有用资源
- Framework7 - 快速指南
- Framework7 - 有用资源
- Framework7 - 讨论
传递自定义上下文
描述
Framework7 允许您将自定义上下文传递到任何动态页面或任何加载的 Ajax。
data-context 属性用于传递自定义上下文,您需要在其中放置有效的字符串化 JSON,如下所示:
<a href = "interests.html" class = "item-link item-content" data-context = '{
"sport": "Baseball",
"place": "Scotland",
"movies": "Science Fiction",
"actor": "Tom Cruise"
}'>Interests</a>
您也可以使用 View 的路由器 .load() 方法和 JavaScript 中的 context 属性传递自定义上下文,如下例所示:
mainView.router.load ({
url: 'interests.html',
context: {
sport: 'Baseball',
place: 'Scotland',
movies: 'Science Fiction',
actor: 'Tom Cruise'
}
})
framework7_template7_pages.htm
广告