Question

如何将数据传递到详细信息页面？

你看到我写的下面的演示，我正在研究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，这样我就可以动态设置关于页面的数据。

如果有演示，也许可以解释更多细节。

Answer 1

我选择了一种更简单的方式。

在＆＃39; a＆＃39;上设置数据属性。标记：

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

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

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

Answer 2

我的朋友，请使用Template7，Framework7已经支持你要求的内容，请查看Template7文档页面中的“传递自定义上下文”部分：

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

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

http://idangero.us/template7/

修改

由于某些链接已失效，请参阅新链接：

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

Answer 3

您可以使用localstorage概念。当用户单击下面的特定列表项时 保存localstorage：

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

获取localstorage：

alert(localStorage.listeitem)

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

3 个答案: