Framework7如何传递数据到其他页面？

Question

如何将数据投递到详情页？

你看下面我写的demo，我正在研究Framework7，但是我对如何向详情页面投递数据感到困惑。

比如我点了第一个，我要送index = 0到详情页，如果我点第二个，我要送index = 1到详情页。

我的代码如下：

<ul>
  <li class="item-content">
     <div class="item-media"><a href="about.html"><img src="http://up.qqjia.com/z/25/tu32695_9.jpg" width="44"></a></div>
     <div class="item-inner">
     <div class="item-title-row">
          <div class="item-title">Daniel</div>
     </div>
     <div class="item-subtitle">CEO</div>
     </div>

  </li>
  ...
</ul>

你看，我转到about页面是使用<a>标签，所以，我如何传递index number，这样我就可以动态设置about页面的数据。

如果有演示，也许会解释得更详细。

Answer 1

您可以使用本地存储概念。当用户单击如下所示的特定列表项时 保存本地存储：

localStorage.setItem("listitem", "1");

获取本地存储：

alert(localStorage.listeitem)

Answer 2

朋友，请使用 Template7，Framework7 已经支持您的要求，请查看 Template7 文档页面中的 "Pass Custom Context" 部分：

http://framework7.io/docs/template7-pages.html#pass-custom-context

它非常简单，文档涵盖了所有场景，更多信息和演示在这里：

http://idangero.us/template7/

编辑

由于部分链接失效，引用新链接：

http://framework7.io/docs/template7.html

Answer 3

我选择了更简单的方法。

在 'a' 标签上设置数据属性：

<a href="#nextpage" data-myfieldname="myfieldvalue">

然后从 Javascript 的点击事件处理程序中检索数据：

mydata = $(this).data('myfieldname');

Framework7如何传递数据到其他页面？

How to deliver data to other page in Framework7?

html

cordova

html-framework-7